uniapp中Tabbar底部导航栏

pages.json 中  tabBar字段

  

{
  "pages": [ 
  
  //pages数组中第一项表示应用启动页，参考：https://uniapp.dcloud.io/collocation/pages
    {
      "path": "pages/index/index",
      "style": {
        "navigationBarTitleText": "uni-app"
      }
    }
  ],
  "globalStyle": {
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "uni-app",
    "navigationBarBackgroundColor": "#F8F8F8",
    "backgroundColor": "#F8F8F8"
  },
  "uniIdRouter": {},
  "tabBar": {
    "color": "#666666",
    "selectedColor": "#5677FC",
    "backgroundColor": "#FFFFFF",
    "list": [{
        "pagePath": "pages/index/index",
        "text": "code",
        "iconPath": "static/images/tabbar/code_gray.png",
        "selectedIconPath": "static/images/tabbar/code_active.png"
      },
      {
        "pagePath": "pages/extend/extend",
        "text": "extend",
        "iconPath": "static/images/tabbar/extend_gray.png",
        "selectedIconPath": "static/images/tabbar/extend_active.png"
      },
      {
        "pagePath": "pages/my/my",
        "text": "thor",
        "iconPath": "static/images/tabbar/thor_gray.png",
        "selectedIconPath": "static/images/tabbar/thor_active.png"
      }
    ]
  }
}

　　

到 阿里矢量图库 去 挑选图标

https://www.iconfont.cn/