小程序 tabBar

首先準備兩個頁面
在app.json的pages裏直接添加路徑，會自動生成文件，然後添加tabBar，準備好底部切換的圖片，window中可進行頂部的設置

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs",
    "pages/one/one",
    "pages/two/two"
  ],
  "window":{
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#eee",
    "navigationBarTitleText": "測試小程序",
    "navigationBarTextStyle":"black"
  },
  "tabBar": {
    "selectedColor": "#1296db",
    "list": [
      {
        "pagePath": "pages/index/index",
        "text": "首頁",
        "iconPath": "pages/source/one-un.png",
        "selectedIconPath": "pages/source/one.png"
      },
      {
        "pagePath": "pages/one/one",
        "text": "設置",
        "iconPath": "pages/source/set-un.png",
        "selectedIconPath": "pages/source/set.png"
      }
    ]
  }
}

效果圖