【微信小程序-tabBar】

tabBar预览

图片下载

（iconfont图标下载地址）

app.json配置

  "tabBar": {
    "list": [{
      "pagePath": "pages/homePage/homePage",
      "text": "首页",
      "iconPath": "/images/首页.png",
      "selectedIconPath": "/images/首页_hover.png"
    },
    {
      "pagePath": "pages/goods/goods",
      "text": "商品",
      "iconPath": "/images/商品.png",
      "selectedIconPath": "/images/商品_hover.png"
    }]
  },

备注：tabBar顶部和底部切换

底部

 "tabBar": {
    "position": "bottom"
 }

顶部

 "tabBar": {
    "position": "top"
 }