之前寫的那個Tab切換是常規邏輯寫的，接下來我會列出小程序api自帶的寫法，當然了 這個寫法更加簡單，實用。我們只需要配置app.json這個文件即可。

先看效果圖：

app.json代碼：（有木有感覺很簡單的樣子哈哈）

"tabBar": {
    "color":"#fff",
    "selectedColor":"#1296db",
    "backgroundColor":"#ccc",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首頁",
        "iconPath
 
":"images/iconHome.png",
        "selectedIconPath":"images/seleHome.png"
      },
      {
        "pagePath": "pages/logs/logs",
        "text": "地址",
        "iconPath": "images/iconMap.png",
        "selectedIconPath": "images/seleMap.png"
      }
    ]
  },

?下面是app.json 配置項列表：

?tabBar屬性說明：

?list的屬性說明：

PS：

1. 當設置 position 為 top 時，將不會顯示 icon
2. tabBar 中的 list 是一個數組，只能配置最少2個、最多5個 tab，tab 按數組的順序排序。

小程序之Tab切換（二）