tabBar图标与文字垂直间距过大无法通过CSS修改，因iOS/Android原生控件硬编码间距（12–16px），uni-app未暴露iconTextGap等接口；可行解为放弃原生tabBar改用自定义view布局，或通过安全区适配处理底部按钮遮挡问题。
uni-app 没有“锁屏界面”这个概念，所谓“锁屏界面控制按钮”实际是误称——你真正想调的是 App 端原生层的 tabBar 或自定义悬浮按钮（如一键登录、通话控制面板）在屏幕底部/顶部的布局间距问题。
tabBar 图标与文字垂直间距过大怎么改
这个问题在 App 端（iOS/Android）真实存在，H5 端不可见，容易误判为 CSS 可调。但本质是原生控件渲染逻辑固化：
- iOS 的
UITabBar用UIStackView布局，图标和文字是两个独立子视图，系统硬编码了默认间距（约 12–16px），css和js无法注入修改 - Android 的
BottomNavigationView同样封装了测量逻辑，app:itemVerticalPadding只影响整个 item 区域，不能单独压缩图标-文字间隙 - uni-app 抽象层不暴露该参数，
tabBar配置项中无相关字段（如iconTextGap或itemSpacing）
可行解只有两个：换方案 或 换形态。比如放弃原生 tabBar，改用页面内自定义 view + image + text 组合，完全由 CSS 控制间距（需配合 position: relative/absolute 和 margin-top 或 transform: translateY() 微调）。
自定义悬浮按钮（如 TUICallKit）的按钮大小与间距怎么设
TUICallKit 这类 SDK 提供的 UI 控件，按钮本身是 image 或 view 容器，间距靠外层布局控制：
- 图标路径如
/static/icon/mic-on.png可直接替换为更紧凑尺寸的 PNG（建议 48×48 或 60×60 px，避免缩放失真） - 按钮容器用
view包裹时，用padding或margin控制与其他元素的间距；若用image标签，则通过width/height+margin调整自身占位 - 文字描述（如
麦克风已开 margin-top/margin-bottom控制，不要依赖line-height（nvue 下部分属性不生效）
注意：nvue 页面中，text 的 font-size 和 color 必须写在 style 里，不能靠父级继承；且 margin 值单位必须是 px，rpx 不支持。
底部按钮被安全区顶起或遮挡怎么办
真机上按钮“看起来位置不对”，大概率是安全距离没处理好，不是间距问题：
- 先确认是否用了
env(safe-area-inset-bottom)：必须配合viewport-fit=cover才生效，小程序和部分安卓 WebView 不支持env()，要 fallback - 推荐混合写法：
padding-bottom: env(safe-area-inset-bottom);+ JS 动态设置内联style="{ paddingBottom: safeBottom + 'px' }"，其中safeBottom来自uni.getSystemInfo返回的safeAreaInsets.bottom - 如果按钮是
position: fixed; bottom: 0，记得加padding-bottom到其父容器，而不是按钮自己——否则按钮会下移，留白在它上面
别漏掉一点：iOS Safari 在 H5 端可能把状态栏高度算进 window.innerHeight，但 safeAreaInsets 未必返回准确值，真要精确控制，得结合 document.documentElement.clientHeight 和 UA 判断做兜底。
最常被忽略的点：你以为在调“按钮间距”，其实是在对抗原生平台的渲染边界。跨端一致性不是靠一个 CSS 属性能解决的，而是靠分层决策——哪些交给原生（tabBar）、哪些收归前端（自定义 bar）、哪些动态兜底（安全区）。没选对层级，调再多 margin 都是徒劳。
