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

包含所有配置項(xiàng)的 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": "首頁(yè)"
    }, {
      "pagePath": "pages/logs/logs",
      "iconPath": "images/icon_component.png",
      "selectedIconPath": "images/icon_component_HL.png",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

配置項(xiàng)釋義

• pages

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

• window

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

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

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

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

  • backgroundColor:窗口的背景色，十六進(jìn)制顏色

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

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

• tabBar

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

  • color :tab 上的文字默認(rèn)顏色,必填

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

  • backgroundColor:tab的背景色,必填，十六進(jìn)制顏色

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

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

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

    • text: tab 上按鈕文字

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

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

• networkTimeout

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

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

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

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

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

• debug

  可選配置

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