uniapp怎样获取H5、小程序（app）底部导航栏高度，怎样办理tabBar遮挡 ...

H5

tabbar的高度：var(--window-bottom)

uniapp给出的说明页面样式与布局 | uni-app官网
小程序、app

tabbar的高度：env(safe-area-inset-bottom)
办理tabBar遮挡

给page页面设置内边距（padding-bottom），可以办理tabBar遮挡问题
也可以直接在全局css内里添加该样式，后续直接添加class属性名即可

1. /**
2. * 兼容底部横线底部内边距
3. */
4. .bottom-line-exclude {
5.     /* #ifndef APP */
6.     padding-bottom: calc(env(safe-area-inset-bottom) - 40rpx);
7.     /* #endif */
9.     /* #ifndef H5 */
10.     padding-bottom: var(--window-bottom);
11.     /* #endif */
12. }

复制代码

免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。