tabBar
文档地址：https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar
tabBar就是小程序底部的导航菜单，小程序的tabBar使用比较简单，只需要在全局配置文件app.json中加上下面的配置即可，参考代码如下：
{ "tabBar": { "color": "color", "selectedColor": "selectedColor", "list": [ { "pagePath": "pagePath", "iconPath": "iconPath", "selectedIconPath": "selectedIconPath", "text": "text" }, { "pagePath": "pagePath", "iconPath": "iconPath", "selectedIconPath": "selectedIconPath", "text": "text" }, ] } }
参考配置实例：
{ "tabBar": { "color": "#C0C0C0", "selectedColor": "#000000", "backgroundColor": "#FFFFFF", "list": [ { "pagePath": "pages/include/include", "text": "导入", "iconPath": "./assets/images/more.png", "selectedIconPath": "./assets/images/more-active.png" }, { "pagePath": "pages/index/index", "text": "首页", "iconPath": "./assets/images/cookbook.png", "selectedIconPath": "./assets/images/cookbook-active.png" } ] } }
注意点：
- pages数组中的默认页面（第一个元素）一定要出现在tabbar配置的list数组中，如果没有则底部菜单是不显示的；
- 如果默认页面在菜单的list数组中，但是不是list数组的一个元素，那么默认页面在第一个元素，那个菜单就会被默认选中；
- 正常来讲，pages中list数组中的第一个元素（页面），即菜单list数组中的第一个栏目，要与默认页一致；
微信小程序默认提供了，底部导航菜单栏的配置方式。使用app.json配置tabBar实现即可。
注意:
1、tabbar路径的page页面必须路径正确存在
2、显示选中和未选中的图片路径正确存在
3、切换到的页面是tab页面，才可以显示出底部导航菜单
