官方有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，不僅體驗(yàn)會(huì)特別差，產(chǎn)品也不允許那
image.png
- hidetabbar：但是用了自定義tabbar這個(gè)之后，會(huì)發(fā)現(xiàn)官方提供得hidetabbar方法就不能用了（┭┮﹏┭┮）
- z-index：其次想到層級(jí)z:index是否可控制呢？碼完預(yù)覽，哎~ 一切都是徒勞
那怎么辦呢？
思路：自定義tabbar是一個(gè)組件，我們通過wx:if來(lái)控制組件顯示隱藏，從而達(dá)到目的。下面我們開始吧?。。?！
-
我們來(lái)看查自定義的配置信息，并且加上show參數(shù)，默認(rèn)是true
image.png
data: {
show: true,
selected: 0,
color: "#A8ADB3",
selectedColor: "#006FFF",
list: []
}
-
修改index.wxml，用wx:if綁定show
image.png -
在我們需要的頁(yè)面控制變量show的值
image.png
this.getTabBar().setData({ show: false });
運(yùn)行代碼，大功告成，撒花★,°:.☆(￣▽￣)/$:.°★ 。
image.png
