- 需求的场景描述(希望解决的问题)
希望不同的角色可以展示不同tabBar,即需要支持一个小程序不同的tabBar
- 希望提供的能力
tabBar的list可以配置多个,
“list1”: [
{
“text”: “选品广场”,
“pagePath”: “pages/item-selection/index”,
“iconPath”: “assets/tab/home-n.png”,
“selectedIconPath”: “assets/tab/home-a.png”
},
{
“text”: “我的店”,
“pagePath”: “pages/shop/seller/index”,
“iconPath”: “assets/tab/shop-n.png”,
“selectedIconPath”: “assets/tab/shop-a.png”
},
{
“text”: “圈子”,
“pagePath”: “pages/tuituiCommunity/index”,
“iconPath”: “assets/tab/quan-n.png”,
“selectedIconPath”: “assets/tab/quan-a.png”
}
]
“list2”: [
{
“text”: “购物车”,
“pagePath”: “pages/shopping-cart/index”,
“iconPath”: “assets/tab/cart-n.png”,
“selectedIconPath”: “assets/tab/cart-a.png”
},
{
“text”: “我的”,
“pagePath”: “pages/sale-mine/index”,
“iconPath”: “assets/tab/mine-n.png”,
“selectedIconPath”: “assets/tab/mine-a.png”
}
]
当页面是list1中的页面的时候tabBar展示list1的部分,当页面是list2的页面的时候展示list2部分,如果两个list有重复的pagePath以第一个list为准,同时支持pagePath中包含参数,用于区分同一页面不同的角色展示问题
基础库1.9.0版本开始,新增了 wx.setTabBarItem(Object object) ,支持动态设置tabBar,应该能满足你的需求。文档链接:https://developers.weixin.qq.com/miniprogram/dev/api/ui/tab-bar/wx.setTabBarItem.html