1

Web/src/App.vue

@@ -16,6 +16,10 @@
           />
         </keep-alive>
       </router-view>
+
+      <!-- 底部导航栏（全局统一） -->
+      <GlassBottomNav v-if="showNav" />
+
       <GlobalAddBill
         v-if="isShowAddBill"
         @success="handleAddTransactionSuccess"
@@ -152,6 +156,7 @@ import { RouterView, useRoute } from 'vue-router'
 import { ref, onMounted, onUnmounted, computed, watch } from 'vue'
 import { useMessageStore } from '@/stores/message'
 import GlobalAddBill from '@/components/Global/GlobalAddBill.vue'
+import GlassBottomNav from '@/components/GlassBottomNav.vue'
 import '@/styles/common.css'
 import { needRefresh, updateServiceWorker } from './registerServiceWorker'
 
@@ -256,6 +261,16 @@ const isShowAddBill = computed(() => {
   return route.path === '/' || route.path === '/balance' || route.path === '/message' || route.path === '/calendar' || route.path === '/calendar-v2'
 })
 
+// 需要显示底部导航栏的路由
+const showNav = computed(() => {
+  return [
+    '/', '/statistics-v2',
+    '/calendar', '/calendar-v2',
+    '/balance', '/message',
+    '/budget', '/setting'
+  ].includes(route.path)
+})
+
 onUnmounted(() => {
   if (mediaQuery) {
     mediaQuery.removeEventListener('change', updateTheme)