### [微信小程序配置顶部导航条标题颜色实现代码](https://www.prosaas.cn/article/17642)

**Published:** 2018-05-11T07:30:07

**Author:** 5201314

**Excerpt:** 本文主要和大家介绍微信小程序配置顶部导航条标题颜色的实现方法的相关资料,希望通过本文能帮助到大家，需要的朋友可…

本文主要和大家介绍微信小程序配置顶部导航条标题颜色的实现方法的相关资料,希望通过本文能帮助到大家，需要的朋友可以参考下，希望能帮助到大家。

**微信小程序 配置顶部导航条标题颜色的实现方法**

关于小程序导航顶部配置都写在.json文件中。

{
 "window":{
 "navigationBarBackgroundColor": "#ffffff",
 "navigationBarTextStyle": "black",
 "navigationBarTitleText": "微信接口功能演示",
 "backgroundColor": "#eeeeee",
 "backgroundTextStyle": "light"
 }
}

![](https://img.php.cn/upload/article/000/054/025/0fffe4cef19d59bc88d47d4c52c88d52-0.png)

1.  navigationBarBackgroundColor 导航栏背景颜色，如”#000000”
    
2.  navigationBarTextStyle 导航栏标题颜色，仅支持 black/white
    
3.  navigationBarTitleText 导航栏标题文字内容
    
4.  backgroundColor 窗口的背景色
    
5.  backgroundTextStyle 下拉背景字体、loading 图的样式，仅支持 dark/light
    
6.  enablePullDownRefresh 是否开启下拉刷新，详见页面相关事件处理函数。
    

相关推荐：

jquery scrollTop方法根据滚动像素显示隐藏顶部导航条\_jquery

以上就是微信小程序配置顶部导航条标题颜色实现代码的详细内容，更多请关注知企PROSAAS其它相关文章！

**Categories:** 后端开发

---