uniapp设计H5 tabbar会遮挡内容区的解决办法

uniapp设计H5 tabbar会遮挡内容区的解决办法

1.现象

底部tabbar 会遮挡内容区最底部的文字
uniapp设计H5 tabbar会遮挡内容区的解决办法_第1张图片

2.解决方法—css中增加个padding-bottom:var(–window-bottom)

这样就是好了
uniapp设计H5 tabbar会遮挡内容区的解决办法_第2张图片
官方依据
官方文档链接
https://uniapp.dcloud.net.cn/tutorial/syntax-css.html#css-%E5%8F%98%E9%87%8F
uniapp设计H5 tabbar会遮挡内容区的解决办法_第3张图片
uniapp设计H5 tabbar会遮挡内容区的解决办法_第4张图片
诸君有用且点赞

你可能感兴趣的:(uni-app)