官方有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来控制组件显示隐藏，从而达到目的。下面我们开始吧！！！！
-
我们来看查自定义的配置信息，并且加上show参数，默认是true
image.png
data: {
show: true,
selected: 0,
color: "#A8ADB3",
selectedColor: "#006FFF",
list: []
}
-
修改index.wxml，用wx:if绑定show
image.png -
在我们需要的页面控制变量show的值
image.png
this.getTabBar().setData({ show: false });
运行代码，大功告成，撒花★,°:.☆(￣▽￣)/$:.°★ 。
image.png
