提交

src/views/MenuDiet.vue

@@ -3,7 +3,9 @@
     <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-tabs
+      line-height="4"
       line-width="16"
       title-active-color="#FA6400"
       color="#FA6400"
@@ -26,7 +28,7 @@
         <van-cell-group inset :border="false">
           <van-cell
             :style="
-              'padding: 5px 16px;font-size: 14px; color: #fff;background-color: ' +
+              'padding: 5px 16px;font-size: 18px; color: #fff;background-color: ' +
               (i % 2 === 1 ? '#FFB07B' : '#74BBFF') +
               ';'
             "
@@ -74,10 +76,12 @@ import {
   Skeleton as vanSkeleton,
   Tab as vanTab,
   Tabs as vanTabs,
+  Empty as vanEmpty,
 } from "vant";
 import "vant/lib/skeleton/style/index";
 import "vant/lib/tab/style/index";
 import "vant/lib/tabs/style/index";
+import "vant/lib/empty/style/index";
 import "vant/lib/cell/style/index";
 import "vant/lib/cell-group/style/index";
 
@@ -126,6 +130,7 @@ export default {
     vanCellGroup,
     vanTab,
     vanTabs,
+    vanEmpty,
   },
 };
 </script>
@@ -157,7 +162,7 @@ export default {
 }
 .MenuDiet .meal {
   font-weight: 600;
-  font-size: 16px;
+  font-size: 18px;
 }
 .MenuDiet .p {
   display: inline-block;
@@ -166,15 +171,16 @@ export default {
   background-color: #ffb07b;
   border-radius: 50%;
   vertical-align: middle;
-  margin-right: 4px;
+  margin-right: 9px;
 }
 .MenuDiet .title {
-  font-weight: 600;
+  font-weight: bold;
+  font-size: 16px;
 }
 .MenuDiet .t {
   text-align: center;
   line-height: 20px;
-  font-size: 11px;
+  font-size: 13px;
 }
 .MenuDiet .t span {
   color: #fa6400;
@@ -184,6 +190,14 @@ export default {
 }
 .MenuDiet .van-cell__label {
   color: #555555;
-  padding-left: 9px;
+  padding-left: 14px;
+  font-size: 16px;
+  line-height: 1.5em;
+}
+.MenuDiet .van-tab {
+  font-size: 19px;
+}
+.MenuDiet .van-tab--active .van-tab__text {
+  font-weight: bold;
 }
 </style>