tabBar 是一個數組，只能配置最少2個、最多5個 tab，tab 按數組的順序排序。

微信小程序提供了一個組件tabBar用來實現多tab分頁功能。如果我們的小程序是一個多 tab 應用（客戶端窗口的底部有tab欄可以切換頁面），那么我們可以通過 tabBar 配置項指定 tab 欄的表現，以及 tab 切換時顯示的對應頁面。

1.2 配置位置

   "tabBar": {
    "color": "#a9a9a9",
    "selectedColor": "#1f1f1f",
    "backgroundColor": "#fefefe",
    "borderStyle": "white",
    "list": [
      {
        "pagePath": "pages/main/main",
        "text": "首頁",
        "iconPath": "image/icon_home.png",
        "selectedIconPath": "image/icon_home_select.png"
      },
      {
        "pagePath": "pages/aboutUs/aboutUs",
        "text": "關于我們",
        "iconPath": "image/icon_person.png",
        "selectedIconPath": "image/icon_person_select.png"
      }
    ] }

1.3 icon圖標
對于每一個tab的icon，需要放置于本地工程內，經測試此處不支持網絡圖片。需在工程根目錄下創建用于存放圖片的文件夾，文件名隨意，使用時需指定其相對路徑。（作者實際操作過程中，沒有在IDE中找到在image文件夾中放入圖片文件的方法，我是在本地文件中操作的，不知道是功能太隱蔽還是我沒有找到，如果有知道的望留言告知）

  {
        "pagePath": "pages/main/main",
        "text": "首頁",
        "iconPath": "image/icon_home.png",
        "selectedIconPath": "image/icon_home_select.png"
      }

更多微信小程序開發指南：關于Tab分頁相關文章請關注PHP中文網！