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