小程序底部固定菜单栏

底部固定导航栏是小程序非常普遍的一个功能，微信也很贴心，直接给我们封装好了，我们直接调用就好了。

这个就是我们需要实现的效果

现在我们开始实现，我们按照小程序的开发文档上面来就好了：
按照规则配置好app.json文件，功能就能顺利实现。

"tabBar": {
    "color": "#979797",//原始颜色
    "selectedColor": "#D6463C",//选中状态的颜色
    "list": [//该集合放置的是需要配置导航栏的页面信息
      {
        "pagePath": "pages/index/index",
        "text": "首 页",
        "iconPath": "/images/tab01_home.png",//默认icon
        "selectedIconPath": "/images/tab01_home_pre.png"选中后的icon
      },
      {
        "pagePath": "pages/menu/menu",
        "text": "分 类",
        "iconPath": "/images/tab02_fenlei.png",
        "selectedIconPath": "/images/tab02_fenlei_pre.png"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "购物车",
        "iconPath": "/images/tab03_gouwuche.png",
        "selectedIconPath": "/images/tab03_gouwuche_pre.png"
      },
      {
        "pagePath": "pages/mine/mine",
        "text": "我的",
        "iconPath": "/images/tab04_mine.png",
        "selectedIconPath": "/images/tab04_mine_pre.png"
      }
    ]
  }

值得注意的就是，这个配置一定要放置到页面注册后面，不然会报错，因为导航栏是在加载好的页面中去自动生成的。