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

时间:2024-05-31 11:30:36

全局配置 app.json 

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

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

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

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

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

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

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

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

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

局部配置 page.json 

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

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

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

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

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