微信小程序JSON配置-小样儿960

JSON 配置

小程序配置 app.json

app.json 是对当前小程序的全局配置，包括了小程序的所有页面路径、界面表现、网络超时时间、底部 tab 等。以下列出常用的配置项。

{
  "pages": [
    "pages/index/index",
    "pages/logs/index"
  ],
  "window": {
    "navigationBarTitleText": "Demo",
    "backgroundTextStyle":"light",
    "navigationBarBackgroundColor": "#000",
    "navigationBarTextStyle":"white",
     "enablePullDownRefresh":true,
  },
  "tabBar": {
    "color": "#858585",
    "selectedColor": "#008842",
    "borderStyle": "white",
    "backgroundColor": "#ffffff",
    "list": [{
      "pagePath": "pages/index/index",
      "iconPath":"images/icons/btn-tabs_01.png",
      "selectedIconPath":"images/icons/btn-tabs_02.png",
      "text": "首页"
    }, {
      "pagePath": "pages/logs/logs",
      "iconPath":"images/icons/btn-tabs_03.png",
      "selectedIconPath":"images/icons/btn-tabs_04.png",
      "text": "日志"
    }]
  },
  "networkTimeout": {
    "request": 10000,
    "downloadFile": 10000
  },
  "debug": true
}

页面配置 page.json

每一个小程序页面也可以使用.json文件来对本页面的窗口表现进行配置。page.json只是设置 window 配置项的内容，页面中配置项会覆盖 app.json 的 window 中相同的配置项。注意无需写 window 这个键。

{
  "navigationBarTitleText": "购物车",
  "navigationBarBackgroundColor": "#ffffff",
  "navigationBarTextStyle": "black",
  "backgroundColor": "#eeeeee",
  "backgroundTextStyle": "light"
}

工具配置 project.config.json

使用Web开发者工具时，开发者针对自己的喜好做的一些个性化配置，例如界面颜色、编译配置。换电脑时自动恢复原来的设置。