设置

我们使用app.json文件来对微信小程序举行全局设置，
，，决议页面文件的路径、窗口体现、设置网络超时时间、设置多 tab 等。。

以下是一个包括了所有设置选项的简朴设置app.json ：

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],  
"window": {
    "navigationBarTitleText": "Demo"
  },
  "tabBar": {
    "list": [{
      "pagePath": "pages/index/index",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

pages

接受一个数组，
，，每一项都是字符串，
，，来指定小程序由哪些页面组成。。每一项代表对应页面的【路径+文件名】信息，
，，数组的第一项代表小程序的初始页面。。小程序中新增/镌汰页面，
，，都需要对 pages 数组举行修改。。

文件名不需要写文件后缀，
，，由于框架会自动去寻找路径.json,.js,.wxml,.wxss的四个文件举行整合。。

如开发目录为：

pages/

pages/index/index.wxml

pages/index/index.js

pages/index/index.wxss

pages/logs/logs.wxml

pages/logs/logs.js

app.js

app.json

app.wxss

则，
，，我们需要在 app.json 中写

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

window

用于设置小程序的状态栏、导航条、问题、窗口配景致。。

注：HexColor（十六进制颜色值），
，，如"#ff00ff"

如 app.json ：

{
  "window":{
    "navigationBarBackgroundColor": "#ffffff",
    "navigationBarTextStyle": "black",
    "navigationBarTitleText": "微信接口功效演示",
    "backgroundColor": "#eeeeee",
    "backgroundTextStyle": "light"
  }
} 

tabBar

若是pp电子小程序是一个多 tab 应用（客户端窗口的底部有tab栏可以切换页面），
，，那么我们可以通过 tabBar 设置项指定 tab 栏的体现，
，，以及 tab 切换时显示的对应页面。。

Tip：

1. 当设置 position 为 top 时，
，，将不会显示 icon

2. tabBar 是一个数组，
，，只能设置最少2个、最多5个 tab，
，，tab 按数组的顺序排序。。

属性说明：

其中 list 接受一个数组，
，，数组中的每个项都是一个工具，
，，其属性值如下：

networkTimeout

可以设置种种网络请求的超时时间。。

属性说明：

debug

可以在开发者工具中开启 debug 模式，
，，在开发者工具的控制台面板，
，，调试信息以 info 的形式给出，
，，其信息有Page的注册，
，，页面路由，
，，数据更新，
，，事务触发 。？？？？？梢宰手⒄呖焖俣ㄎ灰恍┏＜奈侍。。

page.json

每一个小程序页面也可以使用.json文件来对本页面的窗口体现举行设置。。页面的设置比app.json全局设置简朴得多，
，，只是设置 app.json 中的 window 设置项的内容，
，，页面中设置项会笼罩 app.json 的 window 中相同的设置项。。

页面的.json只能设置window相关的设置项，
，，以决议本页面的窗口体现，
，，以是无需写window这个键，
，，如：

{
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "微信接口功效演示",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}