uniapp底部内容被tabbar遮挡
时间: 2023-08-10 17:09:24 浏览: 374
uniapp 自定义底部tabbar(无闪烁)
你可以尝试在uniapp中通过设置页面的样式来解决底部内容被tabbar遮挡的问题。你可以使用以下方法之一:
1. 在 `App.vue` 中设置全局的样式:
```css
<style>
/* 设置页面底部padding,避免被tabbar遮挡 */
page {
padding-bottom: 50px; /* 假设tabbar高度为50px */
}
</style>
```
2. 在需要解决问题的页面中单独设置样式:
```css
<style>
/* 设置页面底部padding,避免被tabbar遮挡 */
.page-name {
padding-bottom: 50px; /* 假设tabbar高度为50px */
}
</style>
```
记得将 `page` 或者 `.page-name` 替换为你实际页面的选择器。
希望这些方法能够帮助到你解决底部内容被tabbar遮挡的问题!如果还有其他问题,请随时提问。
阅读全文