小程序02--之Tabbar配置

tabBar

如果小程序是一个多 tab 应用（客户端窗口的底部或顶部有 tab 栏可以切换页面），可以通过 tabBar 配置项指定 tab 栏的表现，以及 tab 切换时显示的对应页面。

Tip：

1. 当设置 position 为 top 时，将不会显示 icon
2. tabBar 中的 list 是一个数组，只能配置最少2个、最多5个 tab，tab 按数组的顺序排序。

Tabbar的配置是在app.json配置的。

"tabBar": {

 "selectedColor":"red",//设置选中的字的颜色
    "list": [{
      "pagePath": "pages/zhu/zhu",//添加你路由page
      "text": "zhu",//添加文字
      "iconPath": "iconPath",//添加图标
      "selectedIconPath": "selectedIconPath"//添加选中状态图标
    },{
      "pagePath": "pages/index/index",
      "text": "index",
      "iconPath": "iconPath",
      "selectedIconPath": "selectedIconPath"
    }
    ]
  }