小程序数据变了页面未变_10. 教你零基础搭建小程序（解读页面配置文件）

今天，我们来认识一下小程序的龙头老大—— 页面配置文件 page.json

page.json 用来表示页面目录下的page.json 这类和小程序页面相关的配置。

在此文件中，开发者可以独立开发，实现每个页面的一些属性：顶部颜色，是否允许下拉刷新。

页面配置文件(page.json 文件)可实现为每个页面设置标题、导航栏颜色。

⻚⾯的配置只能设置 app.json 中部分 window 字段的内容，
⻚⾯中配置项会覆盖 app.json 的 window 中相同的配置项。

接下来，我们实战一下，

修改之前新建页面——“demo01”页面的导航栏背景颜色和标题。

首先，打开微信官方文档，查看页面配置文件有哪些属性。

https://developers.weixin.qq.com/miniprogram/dev/reference/configuration/page.html

不仅仅图上所示的属性，还有更多，还是要去官网看哦~~~

导航栏背景颜色要用到的属性是 navigationBarBackgroundColor

步骤：

demo01.json文件中，加入 navigationBarBackgroundColor 这一属性，代码如下：

{ "usingComponents": {}, "navigationBarBackgroundColor": "#0094aa"}

最后呈现界面如下~~~

修改demo01界面的标题

这里要用到的属性是 navigationBarTitleText

步骤：

demo01.json文件中，加入 navigationBarTitleText 这一属性，将标题修改为我的应用--demo01

代码如下：

{ "usingComponents": {}, "navigationBarBackgroundColor": "#0094aa", "navigationBarTitleText": "我的应用-demo01"}

最后呈现界面如下：

搜索并关注微信公众号：飞寝旺食

获取更多小程序运营干货、免费的开发教程、源代码等！

做小程序我们是认真的！