样式调整

Web/src/App.vue

@@ -6,14 +6,14 @@
         <van-tabbar-item name="ccalendar" icon="notes" to="/calendar">
           日历
         </van-tabbar-item>
-        <van-tabbar-item name="statistics" icon="chart-trending-o" to="/statistics">
+        <van-tabbar-item name="statistics" icon="chart-trending-o" to="/" @click="handleTabClick('/statistics')">
           统计
         </van-tabbar-item>
-        <van-tabbar-item name="balance" icon="balance-list" to="/" @click="handleTabClick('/')">
+        <van-tabbar-item name="balance" icon="balance-list" to="/balance" @click="handleTabClick('/balance')">
           账单
         </van-tabbar-item>
-        <van-tabbar-item name="email" icon="records" to="/email" @click="handleTabClick('/email')">
-          邮件
+        <van-tabbar-item name="message" icon="comment" to="/message" @click="handleTabClick('/message')">
+          消息
         </van-tabbar-item>
         <van-tabbar-item name="setting" icon="setting" to="/setting">
           设置
@@ -56,9 +56,9 @@ const route = useRoute()
 const showTabbar = computed(() => {
   return route.path === '/' ||
     route.path === '/calendar' ||
-    route.path === '/email' ||
+    route.path === '/message' ||
     route.path === '/setting' ||
-    route.path === '/statistics'
+    route.path === '/balance'
 })
 
 const active = ref('')
@@ -89,14 +89,14 @@ const setActive = (path) => {
     switch (path) {
       case '/calendar':
         return 'ccalendar'
-      case '/statistics':
-        return 'statistics'
-      case '/email':
-        return 'email'
+      case '/balance':
+        return 'balance'
+      case '/message':
+        return 'message'
       case '/setting':
         return 'setting'
       default:
-        return 'balance'
+        return 'statistics'
     }
   })()
   console.log(active.value, path)