微信小程序 自定义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
    })

还是会闪。。目前问题没有解决。。。。。。不要用!

上一篇下一篇

猜你喜欢

热点阅读