提交

src/views/MenuDiet1.vue

@@ -3,7 +3,7 @@
     <br v-if="load" />
     <br v-if="load" />
     <van-skeleton title v-if="load" :row="10" />
-    <van-empty v-if="!list.length && !load" description="今日休息" />
+    <van-nav-bar title="广电中心食堂本周菜单" />
     <van-swipe class="my-swipe" :autoplay="10000" indicator-color="white">
       <van-swipe-item
         v-for="(v, index) in list"
@@ -73,14 +73,14 @@ import {
   Cell as vanCell,
   CellGroup as vanCellGroup,
   Skeleton as vanSkeleton,
-  Empty as vanEmpty,
   Swipe as vanSwipe,
   SwipeItem as vanSwipeItem,
+  NavBar as vanNavBar
 } from "vant";
+import "vant/lib/nav-bar/style/index";
 import "vant/lib/swipe/style/index";
 import "vant/lib/swipe-item/style/index";
 import "vant/lib/skeleton/style/index";
-import "vant/lib/empty/style/index";
 import "vant/lib/cell/style/index";
 import "vant/lib/cell-group/style/index";
 
@@ -97,9 +97,9 @@ export default {
   },
   mounted() {
     this.load = true;
-    this.fontSize = (document.body.offsetWidth / 20).toFixed(2) - 0;
-    if (document.body.offsetWidth > 1920 || this.fontSize > 30)
-      this.fontSize = 30;
+    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()
@@ -124,9 +124,9 @@ export default {
     vanCell,
     vanSkeleton,
     vanCellGroup,
-    vanEmpty,
     vanSwipeItem,
     vanSwipe,
+    vanNavBar
   },
 };
 </script>
@@ -204,4 +204,12 @@ export default {
 .MenuDiet1 .van-tab--active .van-tab__text {
   font-weight: bold;
 }
+.MenuDiet1 .van-nav-bar__title {
+    font-size: 36px;
+    font-weight: bold;
+}
+.MenuDiet1 .van-nav-bar__content{
+    height: 50px;
+    line-height: 50px;
+}
 </style>