1、常用配置
项目跟目录下app.json就是应用级配置文件
属性 | 说明 |
pages | 页面路径列表 |
window | 全局默认窗口表现 |
tabBar | 底部tab栏的实现 |
networkTimeout | 网络超时时间 |
debug | 是否开启调试模式。默认为false |
requiredBackgroundModes | 需要在后台使用的能力,如音乐播放 |
plugins | 使用到的插件 |
2、pages配置
用来存储和新建页面,首先展示的是第一个设置的页面内容
"pages": [ "pages/index/index", "pages/picture/picture", "pages/video/video", "pages/map/map", "pages/guest/guest" ],
3、window
用于设置全局配置
"window": { "backgroundTextStyle":"light", //设置下拉刷新时的loading样式 "navigationBarBackgroundColor": "#ff4c91", //设置导航栏背景色 "navigationBarTextStyle": "white", //设置导航栏的标题颜色 "enablePullDownRefresh": false, //全局开启下拉刷新 "navigationStyle": "custom" //设置右上角胶囊按钮,默认为default },
4、tabBar
用于配置页面底部的标签栏
属性 | 说明 |
color | 未选择时,底部导航文字的颜色 |
selectedColor | 选择时,底部导航文字的颜色 |
borderStyle | 底部导航边框的颜色(如果没有写入样式会出现浅灰色线条) |
backgroundColor | 底部导航背景色 |
list | 导航配置数组 |
list是一个数组,数组的每一个元素是一个标签按钮对象,通过该对象的属性可以配置标签栏中每个标签按钮
属性 | 说明 |
pagePath | 页面访问地址 |
iconPath | 未选择时,图片路径 |
selectedIconPath | 选中时,图片路径 |
text | 导航图标下方文字 |
案例
"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
"requireBackgroundModes": [
"audio" //音乐
],
标签:map,微信,images,iconPath,text,------,全局,pages,png From: https://www.cnblogs.com/lixianhui/p/18213779