底部导航栏调试信息
容器高度
HTML 高度: {{ debugInfo.htmlHeight }}px
Body 高度: {{ debugInfo.bodyHeight }}px
App Root 高度: {{ debugInfo.appRootHeight }}px
App Root bottom: {{ debugInfo.appRootBottom }}px
视口尺寸
窗口高度: {{ debugInfo.windowHeight }}px
视口高度: {{ debugInfo.viewportHeight }}px
TabBar 位置
position: {{ debugInfo.tabbarPosition }}
bottom (CSS): {{ debugInfo.tabbarBottomStyle }}
top (实际): {{ debugInfo.tabbarTop }}px
bottom (实际): {{ debugInfo.tabbarBottom }}px
TabBar 尺寸
height (实际): {{ debugInfo.tabbarHeight }}px
min-height: {{ debugInfo.tabbarMinHeight }}
padding-bottom: {{ debugInfo.tabbarPaddingBottom }}
box-sizing: {{ debugInfo.tabbarBoxSizing }}
安全区域底部: {{ debugInfo.safeAreaBottom }}
TabBar 定位检查
z-index: {{ debugInfo.tabbarZIndex }}
transform: {{ debugInfo.tabbarTransform }}
距离底部: {{ debugInfo.distanceFromBottom }}px {{ debugInfo.distanceFromBottom === '0.00' ? '✓ 已贴底' : '✗ 未贴底' }}