微信小程序底部导航栏的设置是在全局app.json文件中，我们需要在该文件中设置tabBar属性。（注意：在json文件中，格式要为json格式，而且不能有多余的逗号，也不能有注释）。
底部导航栏格式：
"tabBar": {
"color": "#555", //未选中时的字体颜色
"selectedColor": "#fedb5a", //选中时的字体颜色
"backgroundColor": "#ffffff", //底部导航栏背景色
"list":[ //导航栏列表（就是导航栏个数，最少2个，最多5个）
{
"pagePath":"pages/index/index", //跳转路径
"text": "首页", //导航名字
"iconPath": "images/home1.png", //未选中该导航时的图片路径
"selectedIconPath": "images/home2.png" //选中后该导航的图片路径
{
"pagePath":"pages/logs/logs",
"text": "我的",
"iconPath": "images/home1.png",
"selectedIconPath": "images/home2.png"
]
}
自定义导航栏：为什么使用自定义底部导航栏？因为切换到tabBar页面时，样式不能自定义（比如购物车页面为babBar页面时，我希望购物车右上角有数字显示当前购物车商品数量），而且不能传参，所以就需要自定义了。
自定义导航栏方法：
1.需要在tabBar属性中添加 "custom":true 。
在代码根目录下添加入口文件:
custom-tab-bar/index.js
custom-tab-bar/index.json
custom-tab-bar/index.wxml
custom-tab-bar/index.wxss
2.不需要添加"custom":true
"tabBar"属性中，list列表只添加切换路径，其余图片路径等等都不需要添加，然后使用我们的自定义组件即可。这种方法相对来说更加灵活。
