微信小程序保姆级教程(四)- 小程序的配置文件(2)

292 阅读2分钟

携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第4天,点击查看活动详情

本次系列文章参与八月的更文活动,记录一个微信小程序从零到有的开发过程。本文为本系列第四篇:了解小程序的配置文件,主要关于微信小程序的各个页面的配置。

page.json 页面配置

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

开发者可以独立定义每个页面的一些属性,如顶部颜色、是否允许下拉刷新等等。

页面的配置只能设置 app.json 中部分 window 配置项的内容,页面中配置项会覆盖 app.jsonwindow 中相同的配置项。

以下为比较常用的一些配置属性

  • navigationBarBackgroundColor:用于配置导航栏背景颜色,如 #000000
  • navigationBarTextStyle:用于导航栏标题颜色,仅支持 black / white
  • navigationBarTitleText:用于配置导航栏标题文字内容
  • backgroundColor:用于配置窗口的背景色
  • backgroundTextStyle:用于配置下拉 loading 的样式,仅支持 dark / light
  • enablePullDownRefresh:用于配置是否全局开启下拉刷新
  • onReachBottomDistance:用于配置页面上拉触底事件触发时距页面底部距离,单位为px
  • disableScroll:用于设置为 true 则页面整体不能上下滚动;只在页面配置中有效,无法在 app.json 中设置该项

更为详细的页面配置可以点击此进入页面配置

image.png

image.png

sitemap 配置

小程序根目录下的 sitemap.json 文件用于配置小程序及其页面是否允许被微信索引。该部分则作为了解至此即可。

以上,关于微信小程序的全局配置和各个页面配置已经完成~接下来就可以开始深入了解小程序的语法啦。