1. 在uni-app中底部导航栏可以直接通过配置完成<br />在pages.json中 与 `pages `数组同级的位置添加如下代码
    1. "tabBar": {
    2.   // 样式设置
    3.         "color": "#7A7E83",           // 未被选中时显示的文字颜色
    4.         "selectedColor": "#3cc51f",   // 选中是显示的文字颜色
    5.         "borderStyle": "black",                // tabBar上边框的颜色
    6.         "backgroundColor": "#ffffff",    // 背景色
    7.   // 显示的内容列表 最少要有两个最多只能有五个
    8.         "list": [{
    9.             "pagePath": "pages/index/index",  // 页面的路径
    10.             "iconPath": "static/tu2.svg",            // 未选中显示的图片
    11.             "selectedIconPath": "static/图1.svg",    // 选中后显示的图片
    12.             "text": "组件"     // 显示的文字
    13.         }, {
    14.             "pagePath": "pages/login/login",
    15.             "iconPath": "static/图3.svg",
    16.             "selectedIconPath": "static/logo.png",
    17.             "text": "接口"
    18.         }]
    19.     }

    注意:选中前后的图片不可以使用icon图标,可以使用svg格式的文件,建议使用svg格式的图片