微信小程序——公共组件tabbar设置

小程序的全局配置中，有专门的tabbar选项，可以用它配置公共的tabbar，个数限制为2~5

用法

app.json中定义，与window同级处有tabBar选项

  "tabBar":{
    "color":"#999999",  // 文字颜色
    "selectedColor":"#1990FF",  // 选中时文字颜色
    "position":"bottom",  // 位置，只可以选择top或bottom
    "list": [		// tab列表
      {
        "pagePath":"pages/staffs/staffs",		// 指向的页面路径，必须在pages属性中配置过
        "text": "机构",   // tab名称
        "iconPath": "./assets/common/staff-default.png",   // 默认tab icon
        "selectedIconPath":"./assets/common/staff-active.png"  // 激活状态时的tab icon
      },
      {
        "pagePath":"pages/tejia/tejia",
        "text": "特价课",
        "iconPath": "./assets/common/tejia-default.png",
        "selectedIconPath":"./assets/common/tejia-active.png"
      },
      {
        "pagePath":"pages/activity/activity",
        "text": "活动",
        "iconPath": "./assets/common/activity-default.png",
        "selectedIconPath":"./assets/common/activity-active.png"
      }
    ]
  },

呈现效果

文档所在位置-小程序配置-全局配置

个人觉得比引入公共组件在index页面，其他每一个tab作为页面的组件更加好，希望可以帮到你~

总结用法，希望可以帮助到你，
我是Ably，你无须超越谁，只要超越昨天的自己就好~