您的当前位置:首页正文

自定义微信小程序tabBar

2024-11-08 来源:个人技术集锦

需求:
1.tabBar在实际的项目中,被UI要求字体大小为20rpx,而微信自带的是24rpx
2.tabBar加上了权限管理(只有会员才可以看到专属的tabBar入口)
3.tabBar点击后,如果是同样的tabBar禁止重新加载数据
4.tabBar对应的页面要有缓存(也就是跳转不刷新)
实现思路
使用switchTab的跳转方式缓存页面

这样的写法是为了防止加载时出现文字,图片的信息
又遇到了问题,自定义的tabbar出现在app.json的tabBar上方,别着急,在app.js中使用wx.hideTabBar(),隐藏掉就好了,如果这个不行就在每个页面单独wx.wx.hideTabBar(),

显示全文