TabBar Bottom 底部导航栏
固定在页面底部的导航栏组件，支持安全区域适配，适用于各类主导航场景。
代码示例
<zk-tabbar-bottom >
<view class="flex flex-between-center bottom-toolbar">
自动预留底部导航距离
</view>
</zk-tabbar-bottom>
API
Props 属性
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| safeArea | 是否适配底部安全区域 | boolean | true |
| extraHeight | 自定义底部额外高度（单位：px） | number | 0 |
Slots 插槽
| 名称 | 说明 |
|---|---|
| default | 底部导航栏的内容 |
平台差异说明
- 在微信小程序中，会自动识别 iPhone X 及以上机型并添加适当的底部安全区域高度
- 在 APP 中，Android 设备会额外增加 8px 的底部间距
- 在 H5 环境中，如果无法获取安全区域高度，会默认使用 50px 的底部间距