uni 小程序遮罩覆盖tabbar （伪）

一般来说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

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

1、使用自定义tabbar组件；

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

首先我们建立一个演示的小程序片段

然后在wxml中将d窗的界面定义好

接下来就是定义d窗的样式，此凳主要是遮罩层森段旅的样式

然后在js中声明变量，它用来控制d窗是否显示

接着我们就可以看到d窗的界面了

最后在定燃睁义一下取消d窗的事件就可以了

综上所述，在小程序开发的时候自定义d窗还是很简单的，主要定义好遮罩层，然后设置好d窗位置就可以了

---