1

Web/src/views/SettingView.vue

@@ -139,6 +139,12 @@
       <!-- 底部安全距离 -->
       <div style="height: calc(80px + env(safe-area-inset-bottom, 0px))" />
     </div>
+
+    <!-- 液态玻璃底部导航栏 -->
+    <GlassBottomNav
+      v-model="activeTab"
+      @tab-click="handleTabClick"
+    />
   </div>
 </template>
 
@@ -151,10 +157,19 @@ import { useAuthStore } from '@/stores/auth'
 import { useVersionStore } from '@/stores/version'
 import { getVapidPublicKey, subscribe, testNotification } from '@/api/notification'
 import { updateServiceWorker } from '@/registerServiceWorker'
+import GlassBottomNav from '@/components/GlassBottomNav.vue'
 
 const router = useRouter()
 const authStore = useAuthStore()
 const versionStore = useVersionStore()
+
+// 底部导航栏
+const activeTab = ref('setting')
+const handleTabClick = (item, index) => {
+  console.log('Tab clicked:', item.name, index)
+  // 导航逻辑已在组件内部处理
+}
+
 const fileInputRef = ref(null)
 const currentType = ref('')
 const notificationEnabled = ref(false)