微信小程序|底部导航栏

给小程序添加底部的导航栏其实是很简单的，先看效果：

 然后直接上代码：

说明：
导航栏最少2项，最多5项
color  文字的颜色
selectedColor  选中后文字的颜色
backgroundColor  导航栏背景色
borderStyle  导航栏上边框颜色，只支持black和white
pagePath  路径
iconPath  图标路径
selectedIconPath  选中时候的图标路径
text  名字
"tabBar": {
    "color": "#7a7e83",
    "selectedColor": "green",
    "boarderStyle": "black",
    "backgroundColor": "#fff",
    "list": [{
      "pagePath": "pages/index/index",
      "text": "职位",
      "iconPath": "images/job.png",
      "selectedIconPath": "images/jobselected.png"
    },
    {
      "pagePath": "pages/index/index",
      "text": "排行榜",
      "iconPath": "images/ranking.png",
      "selectedIconPath": "images/rankselected.png"
    },
    {
      "pagePath": "pages/index/index",
      "text": "我的",
      "iconPath": "images/my.png",
      "selectedIconPath": "images/myselected.png"
    }
  ]
  },

代码是添加在app.json中的window那段代码的后面的：

 参考：https://www.jianshu.com/p/bc820ccf51e6