微信小程序开发---小程序的页面配置-Toy模板网

这篇具有很好参考价值的文章主要介绍了微信小程序开发---小程序的页面配置。希望对大家有所帮助。如果存在错误或未考虑完全的地方，请大家不吝赐教，您也可以点击"举报违法"按钮提交疑问。

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

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

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

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

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

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

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

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

   属性                        类型      默认       说明
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"
}

到了这里，关于微信小程序开发---小程序的页面配置的文章就介绍完了。如果您还想了解更多内容，请在右上角搜索TOY模板网以前的文章或继续浏览下面的相关文章，希望大家以后多多支持TOY模板网！