由于微信小程序自己的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