一个小程序多个tabbar问题
发布于 5 年前 作者 zhengxiulan 5583 次浏览 来自 问答
  • 需求的场景描述(希望解决的问题)

希望不同的角色可以展示不同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 回复

基础库1.9.0版本开始,新增了 wx.setTabBarItem(Object object) ,支持动态设置tabBar,应该能满足你的需求。文档链接:https://developers.weixin.qq.com/miniprogram/dev/api/ui/tab-bar/wx.setTabBarItem.html

回到顶部