From 299068f14b840586780cb0cd7541488c89b1e94f 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:50:34 +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                | 54 ++++------------------------------
 Web/src/views/CalendarView.vue |  3 +-
 2 files changed, 8 insertions(+), 49 deletions(-)

diff --git a/Web/src/App.vue b/Web/src/App.vue
index 7fefb00..5996453 100644
--- a/Web/src/App.vue
+++ b/Web/src/App.vue
@@ -1,16 +1,7 @@
 <template>
-  <van-config-provider :theme="theme" class="app-root">
-<pre
-  style="position:fixed; left:0; top:0; z-index:9999;
-         background:rgba(0,0,0,0.7); color:#0f0;
-         font-size:10px; max-height:50vh; overflow:auto;">
-  {{ log }}
-</pre>
-
-    <div class="app-main">
-      <RouterView />
-    </div>
-    <van-tabbar v-model="active" v-show="showTabbar">
+  <van-config-provider :theme="theme">
+    <RouterView />
+    <van-tabbar v-model="active" v-show="showTabbar" fixed>
       <van-tabbar-item icon="notes-o" to="/calendar">
         日历
       </van-tabbar-item>
@@ -31,31 +22,6 @@
 import { RouterView, useRoute } from 'vue-router'
 import { ref, onMounted, onUnmounted, computed } from 'vue'
 
-const log = ref('')
-
-const updateInfo = () => {
-  log.value = JSON.stringify({
-    innerHeight: window.innerHeight,
-    outerHeight: window.outerHeight,
-    documentElementClientHeight: document.documentElement.clientHeight,
-    viewport: window.visualViewport
-      ? {
-          height: window.visualViewport.height,
-          offsetTop: window.visualViewport.offsetTop,
-        }
-      : null,
-  }, null, 2)
-}
-
-onMounted(() => {
-  updateInfo()
-  window.addEventListener('resize', updateInfo)
-})
-
-onUnmounted(() => {
-  window.removeEventListener('resize', updateInfo)
-})
-
 const route = useRoute()
 // 根据路由判断是否显示Tabbar
 const showTabbar = computed(() => {
@@ -98,16 +64,8 @@ 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;
+/* TabBar 固定在底部，不占用文档流空间 */
+:deep(.van-tabbar) {
+  padding-bottom: 0 !important;
 }
 </style>
diff --git a/Web/src/views/CalendarView.vue b/Web/src/views/CalendarView.vue
index 3600601..ca3814d 100644
--- a/Web/src/views/CalendarView.vue
+++ b/Web/src/views/CalendarView.vue
@@ -183,9 +183,10 @@ fetchDailyStatistics(now.getFullYear(), now.getMonth() + 1)
 
 <style scoped>
 .calendar-container {
-  height: 100vh;
+  height: calc(100vh - 50px);
   display: flex;
   flex-direction: column;
+  padding-bottom: env(safe-area-inset-bottom);
 }
 
 .calendar-container :deep(.van-calendar) {