微信小程序——App.json

本文详细介绍了微信小程序的全局配置文件app.json,包括Pages数组用于定义页面路径,Window配置项设置状态栏、导航条和背景色,NetWorkTimeout设定网络请求超时时间,Debug模式帮助开发者调试,以及TabBar配置定制底部tab样式。

①app.json是对当前小程序的全局配置,它包括了小程序的所有页面路径、界面表现、网络超时时间、底部tab等。
②App配置项列表

属性类型
pagesString Array
windowOjbect
neyworkTimeoutObject
tabBarObject
debugBoolean

③配置各个项——Pages
用于描述当前小程序所有页面路径,为了让用户直到当前你的小程序页面定义在哪个目录。
接受的是一个数组,每一项都是字符串,来指定小程序由哪些页面组成。每一项代表对应页面的[路径+文件名]的信息,数组的第一项代表小程序的初始页面。小程序中新增或者减少的页面,都需要对pages数组进行修改。
文件名不需要写后缀,框架会自动寻找路径下的.json,.js,.wxss,.wxml文件进行整合。
④配置各个项——Window
用于设置小程序的状态栏、导航条、标题。窗体背景色。

属性类型
①navigationBarBackgroundColorHexColor
②navigationBarTextStyleString
③navigationTitltTextString
④backgroundColorHexColor
⑤backgroundTextStyleString
⑥ enablePullDownRefreshBoolean
⑦onReachBottomDistanceNumber

描述:
①:导航栏背景颜色;
②:导航栏标题颜色,仅支持black/white;
③:导航栏标题文字内容;
④:窗口的背景颜色;
⑤:下拉背景字体。loading图的样式,仅支持dark/light;
⑥:是否开启下拉刷新;
⑦:页面上拉触底事件触发时距页面页底部距离,单位为px;

⑤:配置各个项——NetWorkTimeout
在微信小程序中有多种网络连接API,例如request连接、socket网络连接、上传文件、下载文件等网络操作的API。 在主配置文件app.json中可通过参数netWorkTimeout设置各种网络请求的超时时间。
⑥:配置各个项——DeBug
可以在开发者工具中开启debug模式,在开发者工具的控制面板,调式信息以info的形式给出,其信息有Page的注册,页面路由,数据更新,时间触发,可以帮助开发者快速定位一些常见问题。
⑦:配置各个项——TabBar

属性类型
(1)colorHexColor
(2)selectColorHexColor
(3)backgroundColorHexColor
(4)borderStyleString
(5)listArray
(6)positionString

(1)tab上的文字默认颜色;
(2)tab上的文字选中时的颜色;
(3)tab的背景颜色;
(4)tabbar上边框的颜色,仅支持black/white;
(5)tab的列表;
(6)bottom、top;
List接受一个数组,数组中的每一项都是一个对象,属性值如下:

属性类型
(1)pagePathString
(2)textString
(3)iconPathString
(4)selectIconPathString

(1)页面路径,必须在pages中先定义;
(2)tab上按钮文字;
(3)图片路径,icon大小限制为40kb,建议尺寸为81px81px,当postion为top时,此参数无效,不支持网络图片;
(3)选中时的图片路径,icon大小限制为40kb,建议尺寸为81px
81px,当postion为top时,此参数无效;

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值