From fe78aa7551ac2b0190b8ae0117c935dc935472be 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:40:02 +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 | 33 +++++++++++++++------------------
 1 file changed, 15 insertions(+), 18 deletions(-)

diff --git a/Web/src/App.vue b/Web/src/App.vue
index 9d5f3c9..5f0d197 100644
--- a/Web/src/App.vue
+++ b/Web/src/App.vue
@@ -1,6 +1,8 @@
 <template>
-  <van-config-provider :theme="theme" :style="{ height: vh }">
-    <RouterView />
+  <van-config-provider :theme="theme" class="app-root">
+    <div class="app-main">
+      <RouterView />
+    </div>
     <van-tabbar v-model="active" v-show="showTabbar">
       <van-tabbar-item icon="notes-o" to="/calendar">
         日历
@@ -22,22 +24,6 @@
 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
@@ -81,5 +67,16 @@ const handleTabClick = (path) => {
 </script>
 
 <style scoped>
+.app-root {
+  /* 用前面的 JS 动态高度方案，或至少用 100% 而不是 100vh */
+  height: 100%;
+  display: flex;
+  flex-direction: column;
+}
 
+/* 主体内容自己撑开，给 Tabbar 留出空间 */
+.app-main {
+  flex: 1;
+  overflow-y: auto;
+}
 </style>