微信小程序开发---小程序的页面配置

目录

一、小程序页面配置的作用

二、页面配置和全局配置的关系

三、页面配置中常用的配置项

---

一、小程序页面配置的作用

在每个小程序中，每个页面都有自己的.json配置文件，用来对当前页面的窗口外观，页面效果进行配置。

二、页面配置和全局配置的关系

小程序中，app.json中的windows节点，可以全局配置小程序中每个页面的窗口表现，如果某些小程序页面想要拥有属于自己的特殊窗口表现，此时，页面级别的.json配置文件就可以实现这种需求，当页面配置和全局配置起冲突时，根据就近原则，最终是以页面配置为主。

三、页面配置中常用的配置项

   属性                        类型      默认       说明
navigationBarBackgroundColor  HexColor  #000000   当前页面导航栏背景颜色
navigationBarTextStyle        String    white     当前导航栏标题颜色，仅支持white/black
navigationBarTitleText        String              当前页面导航栏标题文字内容
backgroundColor               HexColor  #ffffff   当前页面窗口的背景色
backgroundTextStyle           String    dark      当前页面下拉loading的样式,仅支持dark/light
enablePullDownRefresh         Boolean   false     是否为当前页面开启下拉刷新的效果
onReachBottomDistance         Number    50        页面上拉触底事件触发时距页面底部距离，单位为px

//每个页面的json文件
 
{
  "usingComponents": {},
  "navigationBarBackgroundColor": "#ff0000",
   "navigationBarTextStyle": "white",
   "backgroundColor": "#ff0000"
}