微信小程序遮罩层遮盖自定义tabber(显示和隐藏)

官方有tabbar的组件，但是往往不能满足我们得需求，因此官方又给出了自定义tabbar
https://developers.weixin.qq.com/miniprogram/dev/extended/weui/tabbar.html
自定义tabbar的教程：
https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html

如果不隐藏tarbar，不仅体验会特别差，产品也不允许那

image.png

• hidetabbar：但是用了自定义tabbar这个之后，会发现官方提供得hidetabbar方法就不能用了（┭┮﹏┭┮）
• z-index：其次想到层级z:index是否可控制呢？码完预览，哎~ 一切都是徒劳

那怎么办呢？

思路：自定义tabbar是一个组件，我们通过wx:if来控制组件显示隐藏，从而达到目的。下面我们开始吧！！！！

1. 我们来看查自定义的配置信息，并且加上show参数，默认是true

   
   image.png

data: {
    show: true,
    selected: 0,
    color: "#A8ADB3",
    selectedColor: "#006FFF",
    list: []
}

2. 修改index.wxml，用wx:if绑定show

   
   image.png

3. 在我们需要的页面控制变量show的值

   
   image.png

this.getTabBar().setData({ show: false });

运行代码，大功告成，撒花★,°:.☆(￣▽￣)/$:.°★ 。

image.png