微信小程序 自定义tabbar
2022-03-31 本文已影响0人
牛会骑自行车
官网地址:
https://developers.weixin.qq.com/miniprogram/dev/framework/ability/custom-tabbar.html
1.在根目录下设置文件夹custom-tab-bar,内容放进去;
2.app.json问价中,tabbar配置custom为true;且list中将几个pagePath都得写好,不然将来wx.switchTab时会报错;
3.第一步中复制的内容,将cover的容器全部换成view,cover-image换成view背景图片为base64,不然切换页面会闪动;
4.每个tab页面中需要在onShow方法中设置:
const tabBar = this.getTabBar()
tabBar.setData({
// 这个名称不固定。。先打印!再写!!
selected: 0
})
还是会闪。。目前问题没有解决。。。。。。不要用!