微信小程序------全局配置设置

1、常用配置

项目跟目录下app.json就是应用级配置文件

属性	说明
pages	页面路径列表
window	全局默认窗口表现
tabBar	底部tab栏的实现
networkTimeout	网络超时时间
debug	是否开启调试模式。默认为false
requiredBackgroundModes	需要在后台使用的能力，如音乐播放
plugins	使用到的插件

2、pages配置

　　用来存储和新建页面，首先展示的是第一个设置的页面内容

?

1 2 3 4 5 6 7

"pages": [   "pages/index/index",   "pages/picture/picture",   "pages/video/video",   "pages/map/map",   "pages/guest/guest" ],

3、window

　　用于设置全局配置

?

1 2 3 4 5 6 7

"window": {   "backgroundTextStyle":"light",   //设置下拉刷新时的loading样式   "navigationBarBackgroundColor": "#ff4c91",  //设置导航栏背景色   "navigationBarTextStyle": "white",   //设置导航栏的标题颜色   "enablePullDownRefresh": false,     //全局开启下拉刷新   "navigationStyle": "custom"   //custom自定义样式只保留右上角胶囊按钮，默认为default },

4、tabBar

　　用于配置页面底部的标签栏

属性	说明
color	未选择时，底部导航文字的颜色
selectedColor	选择时，底部导航文字的颜色
borderStyle	底部导航边框的颜色(如果没有写入样式会出现浅灰色线条)
backgroundColor	底部导航背景色
list	导航配置数组

 

　　 list是一个数组，数组的每一个元素是一个标签按钮对象，通过该对象的属性可以配置标签栏中每个标签按钮

属性	说明
pagePath	页面访问地址
iconPath	未选择时，图片路径
selectedIconPath	选中时，图片路径
text	导航图标下方文字

案例

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19 20 21 22 23 24 25 26 27 28 29 30 31 32 33 34 35 36 37 38

"tabBar": {   "color": "#ccc",   "selectedColor": "#ff4c91",   "borderStyle":"white",   "backgroundColor": "#ffffff",   "list": [     {       "pagePath": "pages/index/index",       "iconPath": "/pages/images/invite.png",       "selectedIconPath": "/pages/images/invite.png",       "text": "邀请函"     },     {       "pagePath": "pages/picture/picture",       "iconPath": "/pages/images/marry.png",       "selectedIconPath": "/pages/images/marry.png",       "text": "照片"     },     {       "pagePath": "pages/video/video",       "iconPath": "/pages/images/video.png",       "selectedIconPath": "/pages/images/video.png",       "text": "美好时光"     },     {       "pagePath": "pages/map/map",       "iconPath": "/pages/images/map.png",       "selectedIconPath": "/pages/images/map.png",       "text": "婚礼地点"     },     {       "pagePath": "pages/guest/guest",       "iconPath": "/pages/images/guest.png",       "selectedIconPath": "/pages/images/guest.png",       "text": "宾客信息"     }   ] },

5、requireBackgroundModes

?

1	"requireBackgroundModes": [　　　　　　　　　　　　　　　　　　　　"audio"   //音乐　　　　　　　　　　　　　　　　　　],