微信小程序：开发入门之框架页面文件

小程序中一个框架页面包含4个文件，同一框架页面的这4个文件必须具有相同的路径与文件名，进入小程序时或页面跳转时，小程序会根据app.json配置的路径找到对应的资源进行渲染。

·

• .js文件：页面逻辑文件，必要项。
• ·.wxml文件：页面结构文件，必要项。
• ·.wxss文件：页面样式文件。 ·.json文件：页面配置文件。

与框架主体文件相比框架页面文件多了一种页面结构文件，其余3个文件和框架主体文件的功能类同，下面我们一一讲解每个文件作用。

页面配置文件

我们今天讲解页面配置文件，页面配置文件和框架配置文件一样，是一个json文件，与框架配置文件不同的是，页面配置文件是非必要存在的，同时页面配置文件的配置项只有window，控制当前页面的窗口表现，window的属性和app.json一致。渲染页面时，页面中的window配置项会覆盖app.json中的相同配置项。

由于页面的.json只能配置window相关属性，编写时只需直接写出属性，不用写window这个键，如下所示：

{
  "navigationBarBackgroundColor": "#000000",
  "navigationBarTextStyle": "black",
  "navigationBarTitleText": "我的页面",
  "backgroundColor": "#efefef",
  "backgroundTextStyle": "light"
}

本文内容来自书籍《微信小程序：开发入门及案例详解》

此书已加入到VIP会员卡，只要购买VIP会员卡即可免费阅读上百本电子书，这张VIP卡除了免费让你读书，还有更多的权益等你来领，往下↓拉

阅读电子书的方法如下：

打开CSDN APP（软件商城搜索“CSDN”即可找到哦）—>登录CSDN账号—>学习—>电子书