uni-app tabbar页面遮罩层遮不住tabbar问题解决

uni-app tabbar页面遮罩层遮不住tabbar问题解决,第1张

我们使用uni-app或者微信小程序开发项目的时候总会遇到有遮罩层d出的效果,但是发现tabbar页面遮罩层无论你的明世层级有多高都遮不住我们的tanbar,这时候我们可以采用两猛派种方式解决:激知肢

1、使用自定义tabbar组件;

2、在遮罩层打开的同时隐藏tabbar,uni.hideTabBar()遮罩层关闭的同时显示tabbar,uni.showTabBar()

一般来说tabbar为小程序的最含隐首高级,view覆盖不了的。

网上大多数指的都是uni中app-plus,h5/app而非小程序。

但是可以变相的通过设置标题颜色和tabbar颜色谈数实现,自定义因不考虑单个影响全部故弃用。

以u-view中u-modal示范。

ps:

borderStyle只能为white或black

frontColor只能为#000或#fff,写错任何一项不会生效。

本质为替换了高亮时的cion和背景色伪实现

不足是tabbar边框只有white/black,切需要设计配合给出遮罩下图。

【参考资携茄料】 https://blog.csdn.net/liujucai/article/details/103816123


欢迎分享,转载请注明来源:内存溢出

原文地址: http://outofmemory.cn/yw/12413280.html

(0)
打赏 微信扫一扫 微信扫一扫 支付宝扫一扫 支付宝扫一扫
上一篇 2023-05-25
下一篇 2023-05-25

发表评论

登录后才能评论

评论列表(0条)

保存