ching/dsite
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

feat(frontend page): [M] modified recipe detail page

Browse Source 
[M] modified recipe detail page

Signed-off-by: Ching <loooching@gmail.com>
This commit is contained in:
Ching 2021-09-26 01:04:50 +08:00
parent 30fa1f19bb
commit 2d431e5bb1
1 changed files with 10 additions and 15 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

25
frontend/src/views/recipeDetail.vue
View File

@ -1,19 +1,15 @@
<template> <template>
<!-- <div @click="goHome()"> <el-page-header
首页 @back="goHome"
</div> --> title="首页"
<el-page-header @back="goHome" content="$recipe"></el-page-header> v-bind:content="recipe.name"
></el-page-header>
<div v-if="recipe != null"> <div v-if="recipe != null">
<el-row :gutter="10"> <el-row :gutter="10">
<el-col :span="6"> <el-col :span="8"> 类型：{{ recipe.recipe_type }} </el-col>
<el-icon :size="25"> <bowl /> </el-icon>{{ recipe.name }} <el-col :span="8"> 难度：{{ recipe.difficulty }} </el-col>
</el-col> <el-col :span="8"> 评分：{{ recipe.rate }} </el-col>
</el-row>
<el-row :gutter="10">
<el-col :span="6" :offset="6"> 类型：{{ recipe.recipe_type }} </el-col>
<el-col :span="6"> 难度：{{ recipe.difficulty }} </el-col>
<el-col :span="6"> 评分：{{ recipe.rate }} </el-col>
</el-row> </el-row>
<el-row :gutter="10"> 备注：{{ recipe.note }} </el-row> <el-row :gutter="10"> 备注：{{ recipe.note }} </el-row>
</div> </div>
@ -26,15 +22,14 @@
<script> <script>
import axios from 'axios'; import axios from 'axios';
import 'element-plus/dist/index.css'; import 'element-plus/dist/index.css';
import { Bowl } from '@element-plus/icons';
import router from '@/router/index'; import router from '@/router/index';
import input_recipe from '@/components/input_recipe.vue'; import input_recipe from '@/components/input_recipe.vue';
export default { export default {
name: 'RecipeDetail', name: 'RecipeDetail',
components: { Bowl, input_recipe }, components: { input_recipe },
data: function() { data: function() {
return { return {
recipe: null, recipe: {},
}; };
}, },
mounted() { mounted() {