https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html

1、配置導航視窗

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#window

2、配置頁面

一般情況下我們會給每個頁面建立一個資料夾，所以我們首先在pages下建立一個資料夾。

小程式直接給我們提供了建立頁面的功能，右鍵這個資料夾，點選建立新建Page即可直接生成頁面所需的檔案。

生成檔案之後，所有的頁面都需要在app.json的pages屬性中宣告之後，才可以訪問，小程式會預設先載入pages屬性中第一個頁面。如果開發過程如果我們需要除錯別的頁面，我們可以新增一個新的編譯模

3、配置tabbar

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/app.html#tabBar

在移動端經常會涉及到tabbar的使用，小程式直接給我們提供了配置tabbar的方法。

這裡需要注意的是，tabbar的圖示不能是線上的地址，需要提前準備好放到專案裡，一般情況下，這些靜態資源可以放在assets資料夾下。這些圖示大家可以從阿里向量圖示庫中進行下載https://www.iconfont.cn/。

　　在app.json中與pages平級

"tabBar": {
    "list": [{
      
 
"pagePath": "pages/index/index",
      "text": "首頁",
      "iconPath": "assets/images/Index.png",
      "selectedIconPath": "assets/images/index-active.png"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "作業",
      "iconPath": "assets/images/logs.png",
      "selectedIconPath": "assets/images/logs-active.png"
    },{
      
 
"pagePath": "pages/mine/mine",
      "text": "個人中心",
      "iconPath": "assets/images/mine.png",
      "selectedIconPath": "assets/images/mine-active.png"
    }]
  },