From 3ca9ceb6fb9ae1e6c3f6ad6769d43eb94a52b600 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 17:30:29 +0800
Subject: [PATCH] =?UTF-8?q?=E7=A7=BB=E9=99=A4=E8=B0=83=E8=AF=95=E4=BF=A1?=
 =?UTF-8?q?=E6=81=AF?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 Web/src/App.vue | 44 ++++++--------------------------------------
 1 file changed, 6 insertions(+), 38 deletions(-)

diff --git a/Web/src/App.vue b/Web/src/App.vue
index 29ab1b6..5f307b2 100644
--- a/Web/src/App.vue
+++ b/Web/src/App.vue
@@ -1,11 +1,5 @@
 <template>
   <van-config-provider :theme="theme" class="app-provider">
-    <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-root">
       <RouterView />
       <van-tabbar v-model="active" v-show="showTabbar">
@@ -30,51 +24,26 @@
 import { RouterView, useRoute } from 'vue-router'
 import { ref, onMounted, onUnmounted, computed } from 'vue'
 
-const log = ref('')
-
-const updateInfo = () => {
+const updateVh = () => {
   // 获取真实的视口高度（PWA 模式下准确）
   const vh = window.innerHeight
-  const safeAreaBottom = getComputedStyle(document.documentElement).getPropertyValue('padding-bottom')
-  
   // 设置 CSS 变量，让所有组件使用准确的视口高度
   document.documentElement.style.setProperty('--vh', `${vh}px`)
-  document.documentElement.style.setProperty('--vh-offset', `${vh}px`)
-  
-  // 获取 TabBar 的实际高度
-  const tabbar = document.querySelector('.van-tabbar')
-  const tabbarHeight = tabbar ? tabbar.offsetHeight : 0
-  
-  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,
-    cssVarVh: getComputedStyle(document.documentElement).getPropertyValue('--vh'),
-    tabbarHeight: tabbarHeight,
-    safeAreaInsetBottom: safeAreaBottom,
-    computedSpace: `${vh} - ${tabbarHeight} = ${vh - tabbarHeight}px`,
-  }, null, 2)
 }
 
 onMounted(() => {
-  updateInfo()
-  window.addEventListener('resize', updateInfo)
+  updateVh()
+  window.addEventListener('resize', updateVh)
   // 监听 iOS Safari 视口变化
   if (window.visualViewport) {
-    window.visualViewport.addEventListener('resize', updateInfo)
+    window.visualViewport.addEventListener('resize', updateVh)
   }
 })
 
 onUnmounted(() => {
-  window.removeEventListener('resize', updateInfo)
+  window.removeEventListener('resize', updateVh)
   if (window.visualViewport) {
-    window.visualViewport.removeEventListener('resize', updateInfo)
+    window.visualViewport.removeEventListener('resize', updateVh)
   }
 })
 
@@ -130,7 +99,6 @@ const handleTabClick = (path) => {
   height: 100%;
   width: 100%;
   position: relative;
-  border: 2px solid red;  /* 调试用红框 */
 }
 
 /* TabBar 固定在底部 */