refactor: 移除调试信息面板的详细信息展示
All checks were successful
Docker Build & Deploy / Build Docker Image (push) Successful in 20s
Docker Build & Deploy / Deploy to Production (push) Successful in 6s
Docker Build & Deploy / Cleanup Dangling Images (push) Successful in 2s
Docker Build & Deploy / WeChat Notification (push) Successful in 1s

This commit is contained in:
SunCheng
2026-02-11 15:00:25 +08:00
parent 02d7727ae6
commit 00c6787430

View File

@@ -187,84 +187,6 @@
class="debug-tabbar-top-line"
:style="{ top: debugInfo.tabbarTop + 'px' }"
/>
<div class="debug-section">
<div class="debug-subtitle">
容器高度
</div>
<div class="debug-item">
HTML 高度: {{ debugInfo.htmlHeight }}px
</div>
<div class="debug-item">
Body 高度: {{ debugInfo.bodyHeight }}px
</div>
<div class="debug-item">
App Root 高度: {{ debugInfo.appRootHeight }}px
</div>
<div class="debug-item">
App Root bottom: {{ debugInfo.appRootBottom }}px
</div>
</div>
<div class="debug-section">
<div class="debug-subtitle">
TabBar 定位检查
</div>
<div class="debug-item">
z-index: {{ debugInfo.tabbarZIndex }}
</div>
<div class="debug-item">
transform: {{ debugInfo.tabbarTransform }}
</div>
<div
class="debug-item"
:style="{ color: debugInfo.distanceFromBottom === '0.00' ? '#81c784' : '#ff4d4f' }"
>
距离底部: {{ debugInfo.distanceFromBottom }}px {{ debugInfo.distanceFromBottom === '0.00' ? '✓' : '✗' }}
</div>
</div>
<div class="debug-section">
<div class="debug-subtitle">
TabBar 位置
</div>
<div class="debug-item">
position: {{ debugInfo.tabbarPosition }}
</div>
<div class="debug-item">
bottom (CSS): {{ debugInfo.tabbarBottomStyle }}
</div>
<div class="debug-item">
top (实际): {{ debugInfo.tabbarTop }}px
</div>
<div class="debug-item">
bottom (实际): {{ debugInfo.tabbarBottom }}px
</div>
</div>
<div class="debug-section">
<div class="debug-subtitle">
TabBar 尺寸
</div>
<div class="debug-item">
height (实际): {{ debugInfo.tabbarHeight }}px
</div>
<div class="debug-item">
min-height: {{ debugInfo.tabbarMinHeight }}
</div>
<div class="debug-item">
padding-bottom: {{ debugInfo.tabbarPaddingBottom }}
</div>
<div class="debug-item">
box-sizing: {{ debugInfo.tabbarBoxSizing }}
</div>
<div class="debug-item">
安全区域底部: {{ debugInfo.safeAreaBottom }}
</div>
</div>
<button
class="debug-close"
@click="showDebug = false"
>
关闭
</button>
</div>
</div>
</van-config-provider>
</template>