uniapp原生tabbar占位
时间: 2023-06-30 16:20:33 浏览: 156
uniapp自定义tabbar图标样式
5星 · 资源好评率100%
Uniapp 原生的 TabBar 在 iOS 系统中会占用一定的底部空间,这个空间被称为 TabBar 占位。在页面布局时,需要注意 TabBar 占位的高度,以免页面内容被 TabBar 遮挡。可以通过在页面的 style 中设置 `padding-bottom` 属性来解决这个问题,如下所示:
```css
<style>
/* 以 iPhone X 为例 */
.page {
padding-bottom: env(safe-area-inset-bottom);
}
</style>
```
其中,`env(safe-area-inset-bottom)` 表示底部安全区域的高度,可以根据实际需求进行调整。
阅读全文