微信小程序中的app.json全局配置和page.json局部配置

本文介绍如何使用app.json进行全局配置,包括设置背景颜色、文字风格、开启下拉刷新等功能,并讲解了如何通过page.json进行局部页面的个性化配置。

摘要生成于 C知道 ,由 DeepSeek-R1 满血版支持, 前往体验 >

全局配置 app.json 

新建一个项目,默认内容如下:

(注意:这里是以测试ip新建的项目,其目录结构如下。如果以自己申请的ip来新建项目,那么目录结构会默认添加关于云的一些文件)

改变背景色为蓝色(#0094ff),改变文字风格为white(只能为white或者black

接下来,还可以开启下拉刷新、修改下拉 loading 的样式等

backgroundTextStyle :下拉 loading 的样式,仅支持 dark / light

详细的api见:https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html

局部配置 page.json 

由于上面的配置是在app.json里面的window中,这是全局配置,表示所有页面的页头都是这个样式。当然,我们还可以对指定的某一个页面进行单独的样式配置,只需要在这个页面的json文件中配置即可,如下

添加一个demo01页面。为了让这个页面第一个加载,需要将其路径放在pages数组的第一个位置。保存app.json后,会自动生成demo01的文件结构,里面包含它的四个文件

进入demo01.json文件,在里面可以对页头样式进行配置,如下

 

评论 2
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

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

抵扣说明:

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

余额充值