微信小程序底部tab配置

效果圖：

 

 

1.在app.json里頭添加

"tabBar": {
    "color": "#bfbfbf",
    "selectedColor": "#1196db",
    "list": [
      {
        "text": "首頁",
        "iconPath": "image/home1.png",
        "selectedIconPath": "image/home2.png",
        "pagePath": "pages/page1/page1"
      },
      {
        "text": "頁面2",
        "iconPath": "image/icon_cloud.png",
        "selectedIconPath": "image/icon_cloud_HL.png",
        "pagePath": "pages/page2/page2"
      },
      {
        "text": "頁面3",
        "iconPath": "image/icon_API.png",
        "selectedIconPath": "image/icon_API_HL.png",
        "pagePath": "pages/page3/page3"
      }
    ]
  },

2.根目錄里面建image文件加圖片（可在iconfont里頭下圖標圖片）

注：建議配合vant weapp開發，他們樣式好看而且沒啥坑