uni-app 配置底部导航栏

配置代码

在pages.json中新增tabBar节点，selectedColor指定选中后的文字颜色，list中指定各页面的pagePath、iconPath、text。

{
    "tabBar": {
        "color": "#7A7E83",
        "selectedColor": "#6f2a6f",
        "borderStyle": "black",
        "backgroundColor": "#ffffff",
        "list": [{
            "pagePath": "pages/home/home",
            "iconPath": "/static/nav_home.png",
            "text": "首页"
        }, {
            "pagePath": "pages/ls/index",
            "iconPath": "/static/nav_profile.png",
            "text": "我的"
        }]
    }
}

参考

https://uniapp.dcloud.net.cn/collocation/pages.html#tabbar