微信小程序自定义tabBar

由于微信小程序自己的tabBar不能满足老板和ui的需求，所以有时候需要自己手写一个tabBar:

1.第一步：

   清除小程序自带的tabBar

 

在app.js里面调用wx.hideTabBar()方法清除微信小程序自己的tabBar();

2.定义一个自定义组件，用于书写自己的tabBar；

新建一个component

注意tabBar.json的”component“：true。

3.在app.js定义一个属性tabBar

在需要被作为tabBar的页面

在该页面的onLoad里面修改tabBar数据

selectBar方法为

4.书写tabBar组件

注意这里的open-type=”swicthTab“  如果是其他的二种跳转方式，屏幕会闪动，并且也不太符合tabBar切换的功能，就算是SwichTab现在也不能切换页面，要在app.json里面把需要作为tabBar的路径配进tabBar.list数组。

5.在需要用到该tabBar的页面的json文件

再在wxml