微信小程序-底部导航栏

微信底部导航栏设置

例图：

"pages": [
    "pages/shouye/shouye",
    "pages/women/women",
    "pages/xinche/xinche",
    "pages/ershouche/ershouche",
    "pages/logs/logs"
  ],
  "window": {
    "backgroundTextStyle": "light",//店铺名称在顶部的位置
    "navigationBarBackgroundColor": "#e0620d",//店铺名称区域的颜色
    "navigationBarTitleText": "店铺名称",
    "navigationBarTextStyle": "white"
  },
  "tabBar": {
    "color": "#a9b7b7", //底部导航栏的文字的颜色
    "selectedColor": "#11cd6e",//选中的底部导航栏的颜色
    "borderStyle": "white",//
    "list": [
      {
        "selectedIconPath": "image/shouye_start.png",//被选中时底部导航栏样式
        "iconPath": "image/shouye_stop.png", //未选中是底部导航栏样式
        "pagePath": "pages/shouye/shouye", //对应的页面地址
        "text": "首页"    //底部导航栏名称
      },
      {
        "selectedIconPath": "image/xinche_start.png",
        "iconPath": "image/xinche_stop.png",
        "pagePath": "pages/xinche/xinche",
        "text": "新车"
      },
      {
        "selectedIconPath": "image/ershouche_start.png",
        "iconPath": "image/ershouche_stop.png",
        "pagePath": "pages/ershouche/ershouche",
        "text": "二手车"
      },
      {
        "selectedIconPath": "image/women_start.png",
        "iconPath": "image/women_stop.png",
        "pagePath": "pages/women/women",
        "text": "关于我们"
      }
    ]
  }
}

最多可以设置6个，

推荐一个图标库：阿里的

url：http://www.iconfont.cn/collections/detail?cid=29