首页 > 微信小程序开发 > 微信小程序开发 之 页面导航栏教程

微信小程序开发 之 页面导航栏教程

每一个小程序页面也可以使用 .json 文件来对本页面的窗口表现进行配置。 页面的配置比 app.json 全局配置简单得多,只是设置 app.json 中的 window 配置项的内容,页面中配置项会覆盖 app.json 的 window 中相同的配置项。

微信小程序开发 之 页面导航栏教程

代码:

{

"navigationBarBackgroundColor": "#000000", //导航栏背景颜色

"navigationBarTextStyle": "white", //导航栏标题颜色,仅支持 black/white

"navigationBarTitleText": "广电商_社团", //导航栏标题文字内容

"backgroundColor": "#000000", //窗口的背景色

"backgroundTextStyle": "dark", //下拉背景字体、loading 图的样式,仅支持 dark/light

"enablePullDownRefresh": false, //是否开启下拉刷新

"disableScroll": false, //设置为 true 则页面整体不能上下滚动;只在 page.json 中有效,无法在 app.json 中设置该项

"onReachBottomDistance": 50 //页面上拉触底事件触发时距页面底部距离,单位为px

}

讲解:

navigationBarBackgroundColor

这个是导航栏背景颜色,值只能填RGB颜色。

navigationBarTextStyle

导航栏标题颜色,需要注意的是这项目只能写 black/white (black:黑色、white:白色)

navigationBarTitleText

导航栏标题,这个就不用说了吧。。。。

backgroundColor

窗口的背景色

剩下的不怎么重要

,可以参考小程序定制的资料,