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

每一个小程序页面也可以使用.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

窗口的背景色

剩下的不怎么重要