微信小程序（四、tabBar底部菜单栏）

tabBar底部菜单栏

微信小程序默认提供了，底部导航菜单栏的配置方式。使用app.json配置tabBar实现即可。

注意:

1、tabbar路径的page页面必须路径正确存在

2、显示选中和未选中的图片路径正确存在

3、切换到的页面是tab页面，才可以显示出底部导航菜单

app.json

{
    ........
    "tabBar": {
        "color": "#C0C0C0",
        "selectedColor": "#000000",
        "backgroundColor": "#FFFFFF",
        "list": [
            {
                "pagePath": "pages/index/index",
                "text": "首页",
                "iconPath": "./assets/images/more.png",
                "selectedIconPath": "./assets/images/more-active.png"
            },
            {
                "pagePath": "pages/list/list",
                "text": "列表",
                "iconPath": "./assets/images/cookbook.png",
                "selectedIconPath": "./assets/images/cookbook-active.png"
            }
        ]
    }
   .......
}