3. 微信小程序配置文件

3.1 配置文件介绍

JSON是一种轻量级的数据格式,常用于前后端数据的交互,但是在小程序中,JSON扮演的配置项的角色,用于配置项目或者页面属性和行为,每个页面或组件也都有一个对应的json文件。

小程序中常见的配置文件有以下几种:

1. app.json:小程序全局配置文件,用于配置小程序的一些全局属性和页面路由。

2. 页面.json:小程序页面配置文件,也称为局部配置页面,用于配置当前页面的窗口样式、页面标题等。

3. project.config.json:小程序项目的配置文件,用于保存项目的一些配置信息和开发者的个人设置。

4. sitemap.json:配置小程序及其页面是否允许被微信索引,提高小程序在搜索引擎搜索到的概率。

3.2 全局配置

3.2.1 pages配置

pages字段:用来指定小程序由哪些页面组成,用于让小程序知道由哪些页面组成以及页面定义在哪个目录,每一项都对应一个页面的路径信息。

在配置pages字段时,有以下注意事项

1. 页面路由不需要写文件后缀,框架会自动去寻找对应位置的四个文件进行处理。

2. 小程序中新增/减少页面,都需要对pages数组进行修改。

3. 未指定entryPagePath时,数组的第一项代表小程序的初始页面(首页)。

删除lazyCodeLoading后,调整pages中的网页顺序,把list放到第一个,那么首页就会变成list。

新增entryPagePath就可以设置主页面了。

3.2.2 window配置

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

可以参考官方全局配置文档:全局配置 | 微信开放文档

navigatorBarTitleText是添加导航条的标题navigat。orBarBackgroundColor则是把背景色改成蓝色。 enablePullDownRefresh设为 true则添加了下拉刷新功能。backgroundColor设置下拉刷新背景色为灰色。backgroundTextStyle是加载的三个点是暗色。

3.2.3 tabbar配置

tarBar字段:定义小程序顶部、底部tab栏,用以实现页面之间的快速切换,可以通过tabBar配置项制定tab栏的表现,以及tab切换时显示的对应页面。

注意事项:

tab按数组的顺序排序,list配置最少2个、最多5个tab。

tabbar配置项官方文档:自定义 tabBar | 微信开放文档

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值