From 45dd65c88b3781d984cc6371a75c0f12a03e0084 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=AD=99=E8=AF=9A?= <cheng2.sun@ly.com>
Date: Thu, 25 Dec 2025 16:37:09 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E8=AF=95?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Web/src/App.vue | 23 +++++++++++++++++++++--
 1 file changed, 21 insertions(+), 2 deletions(-)

diff --git a/Web/src/App.vue b/Web/src/App.vue
index afce337..9d5f3c9 100644
--- a/Web/src/App.vue
+++ b/Web/src/App.vue
@@ -1,5 +1,5 @@
 <template>
-  <van-config-provider :theme="theme" style="height: 100vh;">
+  <van-config-provider :theme="theme" :style="{ height: vh }">
     <RouterView />
     <van-tabbar v-model="active" v-show="showTabbar">
       <van-tabbar-item icon="notes-o" to="/calendar">
@@ -22,11 +22,30 @@
 import { RouterView, useRoute } from 'vue-router'
 import { ref, onMounted, onUnmounted, computed } from 'vue'
 
+const vh = ref('100vh')
+
+const setVh = () => {
+  // 实际可视高度，能更好适配 iOS、PWA 等场景
+  vh.value = window.innerHeight + 'px'
+}
+
+onMounted(() => {
+  setVh()
+  window.addEventListener('resize', setVh)
+})
+
+onUnmounted(() => {
+  window.removeEventListener('resize', setVh)
+})
+
 const route = useRoute()
 
 // 根据路由判断是否显示Tabbar
 const showTabbar = computed(() => {
-  return route.path !== '/login'
+  return route.path === '/' ||
+    route.path === '/calendar' ||
+    route.path === '/email' ||
+    route.path === '/setting'
 })
 
 const active = ref(0)