1

Web/src/views/BalanceView.vue

@@ -55,6 +55,12 @@
       ref="messageViewRef"
       :is-component="true"
     />
+
+    <!-- 液态玻璃底部导航栏 -->
+    <GlassBottomNav
+      v-model="activeNavTab"
+      @tab-click="handleNavTabClick"
+    />
   </div>
 </template>
 
@@ -64,8 +70,17 @@ import { useRoute } from 'vue-router'
 import TransactionsRecord from './TransactionsRecord.vue'
 import EmailRecord from './EmailRecord.vue'
 import MessageView from './MessageView.vue'
+import GlassBottomNav from '@/components/GlassBottomNav.vue'
 
 const route = useRoute()
+
+// 底部导航栏
+const activeNavTab = ref('balance')
+const handleNavTabClick = (item, index) => {
+  console.log('Tab clicked:', item.name, index)
+  // 导航逻辑已在组件内部处理
+}
+
 const tabActive = ref(route.query.tab || 'balance')
 
 // 监听路由参数变化，用于从 tabbar 点击时切换 tab