增加返回按钮

README.md

@@ -4,14 +4,15 @@
 ## 主要功能
 
 ### √ 1.登录注册功能
-### √ 2.首页展示共享文章列表 × 首页大整改
+### √ 2.首页展示导航快捷入口
 ### √ 3.画廊页面展示共享图片
 ### √ 4.文章详情页展示文章内容
 ### × 5.导航功能整改，前后端
 ### × 6.友链--重新开发，力求精简
 
 
-### × 4.控制台功能 --目前已完成：画廊上传共享
-### √ 5.文章编辑功能
+### × 7.控制台功能 --目前已完成：画廊上传共享
+### √ 8.文章编辑功能
+### √ 9.菜谱功能 × --目前考虑菜谱搜索功能和评论功能
 
 ### 其余功能正在考虑中

src/views/cookbook/detail.vue

@@ -2,6 +2,7 @@
   <div class="box">
     <n-scrollbar style="width: 100vw !important;height: 100vh !important;background: unset;">
       <div class="w-2/3 mx-auto p-[20px] shadow">
+        <n-button type="primary" size="medium" @click="goBack">返回</n-button>
         <div class="text-3xl font-bold text-center">{{ detail.name }}</div>
         <div class="text-md text-center mt-6">
           {{ detail.difficulty }}
@@ -11,7 +12,8 @@
         <div class="mx-auto py-4">
           <n-divider class="text-2xl text-center">原材料</n-divider>
           <div class="flex flex-wrap w-full justify-center">
-            <div class="[&:not(:last-child)]:mr-6  mt-2 text-xl" v-for="i in detail.ingredient">{{ i.name }}{{ i.amount }}</div>
+            <div class="[&:not(:last-child)]:mr-6  mt-2 text-xl" v-for="i in detail.ingredient">{{ i.name }}{{ i.amount
+              }}</div>
           </div>
         </div>
         <!-- 步骤 -->
@@ -42,9 +44,13 @@ import { onMounted } from 'vue';
 
 //mark data
 const route = useRoute()
+const router = useRouter()
+
 const detail = ref({})
 //mark method
-
+function goBack() {
+  router.go(-1)
+}
 //mark 周期、内置函数等
 onMounted(async () => {
   console.log(route.params.id)

src/views/home/navMenu.vue

@@ -208,6 +208,8 @@ function handdleleavemenu(id) {
   }, 2000);
 }
 function handdlemenutext(e, i) {
+  if(i.belong == 'common') return
+
   // console.log(e, i);
   menuShow.value = false
   const { clientX, clientY } = e;