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"
|
class="debug-tabbar-top-line"
|
||||||
:style="{ top: debugInfo.tabbarTop + 'px' }"
|
: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>
|
</div>
|
||||||
</van-config-provider>
|
</van-config-provider>
|
||||||
</template>
|
</template>
|
||||||
|
|||||||
Reference in New Issue
Block a user