uniapp怎样获取H5、小程序（app）底部导航栏高度，怎样办理tabBar遮挡
H5
tabbar的高度：var(--window-bottom)
https://i-blog.csdnimg.cn/direct/5d1b7f6fd55643b1822fa2df395669ad.png
uniapp给出的说明页面样式与布局 | uni-app官网
小程序、app
tabbar的高度：env(safe-area-inset-bottom)
办理tabBar遮挡
给page页面设置内边距（padding-bottom），可以办理tabBar遮挡问题
也可以直接在全局css内里添加该样式，后续直接添加class属性名即可
/**
* 兼容底部横线底部内边距
*/
.bottom-line-exclude {
/* #ifndef APP */
padding-bottom: calc(env(safe-area-inset-bottom) - 40rpx);
/* #endif */
/* #ifndef H5 */
padding-bottom: var(--window-bottom);
/* #endif */
}
免责声明：如果侵犯了您的权益，请联系站长，我们会及时删除侵权内容，谢谢合作！更多信息从访问主页：qidao123.com:ToB企服之家，中国第一个企服评测及商务社交产业平台。
页:
[1]