携手创作,共同成长!这是我参与「掘金日新计划 · 8 月更文挑战」的第4天,点击查看活动详情
本次系列文章参与八月的更文活动,记录一个微信小程序从零到有的开发过程。本文为本系列第四篇:了解小程序的配置文件,主要关于微信小程序的各个页面的配置。
page.json 页面配置
这里的 page.json 是微信小程序用来表示各个页面目录下的 page.json 这类和小程序页面相关的配置。
开发者可以独立定义每个页面的一些属性,如顶部颜色、是否允许下拉刷新等等。
页面的配置只能设置 app.json 中部分 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。
以下为比较常用的一些配置属性
- navigationBarBackgroundColor:用于配置导航栏背景颜色,如
#000000 - navigationBarTextStyle:用于导航栏标题颜色,仅支持
black/white - navigationBarTitleText:用于配置导航栏标题文字内容
- backgroundColor:用于配置窗口的背景色
- backgroundTextStyle:用于配置下拉 loading 的样式,仅支持
dark/light - enablePullDownRefresh:用于配置是否全局开启下拉刷新
- onReachBottomDistance:用于配置页面上拉触底事件触发时距页面底部距离,单位为px
- disableScroll:用于设置为
true则页面整体不能上下滚动;只在页面配置中有效,无法在app.json中设置该项
更为详细的页面配置可以点击此进入页面配置
sitemap 配置
小程序根目录下的 sitemap.json 文件用于配置小程序及其页面是否允许被微信索引。该部分则作为了解至此即可。
以上,关于微信小程序的全局配置和各个页面配置已经完成~接下来就可以开始深入了解小程序的语法啦。