微信小程序教程之小程序配置

微信小程序――配置

以下就是小编对小程序配置的资料进行的系统的整理，希望能对开发者有帮助。

我们使用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  }

app.json 配置项列表

属性

类型

必填

描述

pages Array 是 设置页面路径

window Object 否 设置默认页面的窗口表现

tabBar Object 否 设置底部 tab 的表现

networkTimeout Object 否 设置网络超时时间

debug Boolean 否 设置是否开启 debug 模式

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

用于设置小程序的状态栏、导航条、标题、窗口背景色。

属性

类型

默认值

描述

navigationBarBackgroundColor HexColor #000000 导航栏背景颜色，如"#000000"

navigationBarTextStyle String white 导航栏标题颜色，仅支持 black/white

navigationBarTitleText String 导航栏标题文字内容

backgroundColor HexColor #ffffff 窗口的背景色

backgroundTextStyle String dark 下拉背景字体、loading 图的样式，仅支持 dark/light

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

如 app.json ：

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

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

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

以上就是微信小程序 教程之小程序配置的内容，更多相关内容请关注PHP中文网（www.php.cn）！