微信小程序底部导航栏建立

微信小程序底部导航栏建立

其实底部导航栏的建立很简单，我们只需要在app.json中加入以下代码即可
一般加在windows下面
tabBar 就是导航栏 ， 以下就是他所包含的属性，color selectedColor list等，这里着重讲一下list ,
顾名思义，就是列表的意思，也就是底部导航栏的列表，一般取三到四个属性。
每一个都需要用{ }包起来
pagepath就是跳转的页面，
text 是导航栏属性名字，
iconpath 是属性图片，
seletediconpath 是选中后变成的图案。

"tabBar": {
    "color": "#bfbfbf",
    "selectedColor": "#d81e06",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首页",
        "iconPath": "img/home.png",
        "selectedIconPath": "/img/selected_home.png"
      },
      {
        "pagePath": "pages/history/history",
        "text": "历史工资",
        "iconPath": "img/transform.png",
        "selectedIconPath": "/img/selected_transform.png"
      },
      {
        "pagePath": "pages/user/user",
        "text": "个人中心",
        "iconPath": "img/user.png",
        "selectedIconPath": "img/selected_user.png"
      }
    ]
  },

图片如下：