小程序的自定义tab-bar

首先在根目录下创建一个自定义tabbar的文件夹 以及相关的js定义tabbar的链接和图标   wxml定义tabbar的视图 wxss和样式 

官方文档复制

官方文档复制

官方文档复制

路径

```

/** * 生命周期函数--监听页面显示 */

onShow: function(e) {

if (typeof this.getTabBar === 'function' && this.getTabBar()) { 

       this.getTabBar().setData({  

                      selected: 0        

            })    

    }}

```

创建之后,需要在每个tab-bar中的onShow生命周期引入条件      selected: 0   这个就是在tab-bar中排第几个

接下来就是app.json中的两个注意点

"usingComponents": {} 和   "tabBar":  是同级的

这样就可以了

现在遇到的是,不知道为什么,在tab之间切换的第一次,控制台会报错

没找到原因,但是页面之间使用正常