支付寶小程序框架 app.json 全局配置

app.json 用于對(duì)小程序進(jìn)行全局配置，設(shè)置頁(yè)面文件的路徑、窗口表現(xiàn)、多 tab 等。

以下是一個(gè)基本配置示例：

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "defaultTitle": "Demo"
  }
}

完整配置項(xiàng)如下：

pages

app.json 中的 pages 為數(shù)組屬性，數(shù)組中每一項(xiàng)都是字符串，用于指定小程序的頁(yè)面。在小程序中新增或刪除頁(yè)面，都需要對(duì) pages 數(shù)組進(jìn)行修改。

pages 數(shù)組的每一項(xiàng)代表對(duì)應(yīng)頁(yè)面的路徑信息，其中，第一項(xiàng)代表小程序的首頁(yè)。

頁(yè)面路徑不需要寫任何后綴，框架會(huì)自動(dòng)去加載同名的 .json、.js、.axml、.acss 文件。舉例來(lái)說(shuō)，如果開(kāi)發(fā)目錄為：

├── pages
│   ├──index
│   │    ├── index.json
│   │    ├── index.js
│   │    ├── index.axml
│   │    └── index.acss
│   ├──logs
│   │    ├── logs.json
│   │    ├── logs.js
│   │    └── logs.axml
├── app.json
├── app.js
└── app.acss

app.json 中應(yīng)當(dāng)如下配置：

{
  "pages":[
    "pages/index/index",
    "pages/logs/logs"
  ]
}

window

window 用于設(shè)置小程序的狀態(tài)欄、導(dǎo)航條、標(biāo)題、窗口背景色等。

示例代碼：

{
  "window":{
    "defaultTitle": "支付寶接口功能演示"
  }
}

tabBar

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

tabBar 配置項(xiàng)有以下：

每個(gè) item 配置：

icon 圖標(biāo)推薦大小為 60×60 px 大小，系統(tǒng)會(huì)對(duì)傳入的非推薦尺寸的圖片進(jìn)行非等比拉伸或縮放。

示例代碼：

{
  "tabBar": {
    "textColor": "#dddddd",
    "selectedColor": "#49a9ee",
    "backgroundColor": "#ffffff",
    "items": [
      {
        "pagePath": "pages/index/index",
        "name": "首頁(yè)"
      },
      {
        "pagePath": "pages/logs/logs",
        "name": "日志"
      }
    ]
  }
}

代碼中，開(kāi)發(fā)者可以通過(guò) my.setTabBarItem 動(dòng)態(tài)設(shè)置 tabBar 中指定 item 的內(nèi)容。