微信小程序 全局配置 app.json 与 一般配置 *.jso
2018-11-07 本文已影响0人
Karaio
(1) app.json
pages 配置项
- 必须项
- 类型为数组
- 每项值为字符串(路径)
- 第一项为小程序初始页面
- 路径不需要写后缀名
window 配置项
对象 | 值 | 描述 |
---|---|---|
navigationBarBackgroundColor | 十六进制颜色 | 导航栏背景颜色 |
navigationBarTextStyle | white/black | 导航栏字体颜色 |
navigationBarTitleText | String | 导航栏标题内容 |
backgroundColor | 十六进制颜色 | 窗口背景颜色 |
backgroundTextStyle | dark/light | 下拉背景字体,loading图样式 |
enablePullDownRefresh | Boolean | 是否开启下拉刷新 |
tabBar 配置项
设置底部tab的表现,tabBar内部是一个‘list’数组,最少配置2个,最多5个。
配置示例:
{
"tabBar": {
"color": "#6fdc56",
"selectedColor": "#999999",
"backgroundColor": "#ffffff",
"borderStyle": "black",
"position": "bottom",
"list": [
{
"pagePath": "pages/index/index",
"text": "首页",
"iconPath": "images/icon1.png",
"selectedIconPath": "images/icon1H.png"
},
{
"pagePath": "pages/logs/logs",
"text": "日志",
"iconPath": "images/icon2.png",
"selectedIconPath": "images/icon2H.png"
}
]
}
}
tabBar的属性:
对象 | 值 | 描述 |
---|---|---|
color | 十六进制颜色 | 字体颜色 |
selectedColor | 十六进制颜色 | 选中时字体颜色 |
backgroundColor | 十六进制颜色 | tab的背景色 |
borderStyle | black/wihte | 边框颜色 |
position | top/bottom | tabBar位置 |
list | 数组 | 必填,tab列表 2-5个 |
list的属性:
对象 | 值 | 描述 |
---|---|---|
pagePath | String | 对应的pages |
text | String | tab选项文字 |
iconPath | String | tab上显示的图片,限制40KB |
selectedIconPath | String | 选中时的图片 |
networkTimeout 配置项
对象 | 值 | 描述 |
---|---|---|
request | Number | wx.request的超时时间,毫秒ms |
connectSocket | Number | wx.connectSocket的超时时间,毫秒ms |
uploadFile | Number | wx.uploadFile的超时时间,毫秒ms |
downloadFile | Number | wx.uploadFile的超时时间,毫秒ms |
debug 配置项
{
"debug": true
}
其他的配置项都是一个对象类型,只有的debug的值是Boolean类型。
(1) *.json
只需要设置window配置项来决定本页面的窗口表现,因此也不用写window这个属性。
{
"navigationBarBackgroundColor": "#ffffff",
"navigationBarTextStyle": "black",
"navigationBarTitleText": "查看启动日志",
"backgroundColor": "#ffaaff",
"backgroundTextStyle": "dark"
}
对象 | 值 | 描述 |
---|---|---|
navigationBarBackgroundColor | 十六进制颜色 | 导航栏背景颜色 |
navigationBarTextStyle | white/black | 导航栏字体颜色 |
navigationBarTitleText | String | 导航栏标题内容 |
backgroundColor | 十六进制颜色 | 窗口背景颜色 |
backgroundTextStyle | dark/light | 下拉背景字体,loading图样式 |