提交

src/router/index.js

@@ -69,7 +69,7 @@ const router = new VueRouter({
       path: "/menuDiet1",
       name: "MenuDiet1",
       component: () =>
-        import(/* webpackChunkName: "menu" */ "../views/MenuDiet1.vue"),
+        import(/* webpackChunkName: "menu1" */ "../views/MenuDiet1.vue"),
       meta: {
         title: "菜单",
       },

src/views/MenuDiet1.vue

@@ -8,9 +8,9 @@
       <van-swipe-item
         v-for="(v, index) in list"
         :key="index"
-        style="width: 100vw;max-width: 1920px;margin: 0 auto; height: 100vh"
+        style="width: 100vw; max-width: 1920px; margin: 0 auto; height: 100vh"
       >
-            <h3 style="text-align: center;margin-top: 15px;">{{v.text}}</h3>
+        <div style="text-align: center;font-size: 2.5rem; margin-top: 15px">{{ v.text }}</div>
         <template
           v-if="
             list.length &&
@@ -75,7 +75,7 @@ import {
   Skeleton as vanSkeleton,
   Swipe as vanSwipe,
   SwipeItem as vanSwipeItem,
-  NavBar as vanNavBar
+  NavBar as vanNavBar,
 } from "vant";
 import "vant/lib/nav-bar/style/index";
 import "vant/lib/swipe/style/index";
@@ -100,14 +100,10 @@ export default {
     this.fontSize = (document.body.offsetWidth / 18).toFixed(2) - 0;
     if (document.body.offsetWidth > 1920 || this.fontSize > 36)
       this.fontSize = 36;
-    console.log(this.fontSize);
     document.documentElement.style.fontSize = this.fontSize + "px";
     menuWeekList()
       .then(r => {
-        this.list = (r || []).map((v, i) => {
-          v.value = i;
-          return v;
-        });
+        this.list = r || [];
         this.load = false;
       })
       .catch(() => {
@@ -126,7 +122,7 @@ export default {
     vanCellGroup,
     vanSwipeItem,
     vanSwipe,
-    vanNavBar
+    vanNavBar,
   },
 };
 </script>
@@ -145,9 +141,9 @@ export default {
   width: 100px;
 }
 .MenuDiet1 .van-cell {
-  min-height: 3rem;
+  min-height: 2.5rem;
   font-size: 1.5rem;
-  line-height: 3rem
+  line-height: 2.5rem;
 }
 .MenuDiet1 .van-cell-group {
   box-shadow: 0px 0px 6px 0px rgba(0, 0, 0, 0.08);
@@ -179,7 +175,7 @@ export default {
 }
 .MenuDiet1 .title {
   font-weight: bold;
-  font-size: 0.9rem;
+  font-size: 1.2rem;
 }
 .MenuDiet1 .t {
   text-align: center;
@@ -195,7 +191,7 @@ export default {
 .MenuDiet1 .van-cell__label {
   color: #555555;
   padding-left: 14px;
-  font-size: 0.85rem;
+  font-size: 1rem;
   line-height: 1.5em;
 }
 .MenuDiet1 .van-tab {
@@ -205,11 +201,11 @@ export default {
   font-weight: bold;
 }
 .MenuDiet1 .van-nav-bar__title {
-    font-size: 36px;
-    font-weight: bold;
+  font-size: 36px;
+  font-weight: bold;
 }
-.MenuDiet1 .van-nav-bar__content{
-    height: 50px;
-    line-height: 50px;
+.MenuDiet1 .van-nav-bar__content {
+  height: 50px;
+  line-height: 50px;
 }
 </style>