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
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:
@@ -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>
|
||||
|
||||
Reference in New Issue
Block a user