當我們使用開發(fā)工具創(chuàng)建好我們的工程時候，給到我們的app.json 文件并不是很完整，我們可以配置更多的參數(shù)，來讓我們的小程序更加的強大

包含所有配置項的 app.json

{
  "pages": [
    "pages/index/index",
    "pages/logs/logs"
  ],
  "window": {
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "小程序app.json文件",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  },
  "tabBar": {
    "color": "#353535",
    "selectedColor": "#3cc51f",
    "borderStyle": "white",
    "backgroundColor": "#ffffff",
    "list": [{
      "pagePath": "pages/index/index",
      "iconPath": "images/icon_API.png",
      "selectedIconPath": "images/icon_API_HL.png",
      "text": "首頁"
    }, {
      "pagePath": "pages/logs/logs",
      "iconPath": "images/icon_component.png",
      "selectedIconPath": "images/icon_component_HL.png",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

配置項釋義

• pages

  必填配置，設(shè)置頁面路徑，數(shù)組類型

• window

  可選配置，設(shè)置默認頁面的窗口表現(xiàn)，對象類型

  • navigationBarBackgroundColor: 導(dǎo)航欄背景顏色，如”#000000”,十六進制顏色

  • navigationBarTextStyle:導(dǎo)航欄標題顏色，僅支持 black/white

  • navigationBarTitleText: 導(dǎo)航欄標題文字內(nèi)容

  • backgroundColor:窗口的背景色，十六進制顏色

  • backgroundTextStyle:下拉背景字體、loading 圖的樣式，僅支持 dark/light

  • enablePullDownRefresh:是否開啟下拉刷新，后面講解

• tabBar

  可選配置，如果我們的小程序是一個多 tab 應(yīng)用（客戶端窗口的底部有tab欄可以切換頁面），那么我們可以通過 tabBar 配置項指定 tab 欄的表現(xiàn)，以及 tab 切換時顯示的對應(yīng)頁面。

  • color :tab 上的文字默認顏色,必填

  • selectedColor:tab 上的文字選中時的顏色，必填

  • backgroundColor:tab的背景色,必填，十六進制顏色

  • borderStyle:tabbar上邊框的顏色， 僅支持 black/white,可選

  • list:tab 的列表，最少2個、最多5個 tab,以下四個參數(shù)必填

    • pagePath : 頁面路徑，必須在 pages 中先定義

    • text: tab 上按鈕文字

    • iconPath : 圖片路徑，icon 大小限制為40kb

    • selectedIconPath :選中時的圖片路徑，icon 大小限制為40kb

• networkTimeout

  可選配置，可以設(shè)置各種網(wǎng)絡(luò)請求的超時時間。

  • request: 發(fā)起https請求的超時時間，單位毫秒

  • connectSocket: 創(chuàng)建一個 WebSocket 連接的超時時間，單位毫秒

  • uploadFile: 將本地資源上傳到開發(fā)者服務(wù)器的超時時間，單位毫秒

  • downloadFile: 下載文件資源到本地的超時時間，單位毫秒

• debug

  可選配置

  可以在開發(fā)者工具中開啟 debug 模式，在開發(fā)者工具的控制臺面板，調(diào)試信息以 info 的形式給出，其信息有Page的注冊，頁面路由，數(shù)據(jù)更新，事件觸發(fā) 。 可以幫助開發(fā)者快速定位一些常見的問題。