小程序头部颜色怎么更改？

　　小程序页面的效果直接影响到用户的使用体验，所以每一部分的设计都至关重要。小编发现很多小程序默认的头部颜色就是单一的，那么小程序头部颜色怎么更改呢?一起来了解下吧。

　　1、微信小程序头部颜色效果展示：

　　2、更改头部颜色操作步骤：

　　数据绑定view样式背景属*值

　　通过逻辑文件设置该背景属*初始值

　　通过点击按钮修改背景属*值

　　使用 page 标签选择器，可以修改顶层节点的样式 page { display: block; min-height: 100%; background-color: red; }使用 page 标签选择器，可以修改顶层节点的样式page { display: block; min-height: 100%; background-color: red;}

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

　　{

　　"window":{

　　"navigationBarBackgroundColor": "#ffffff",

　　"navigationBarTextStyle": "black",

　　"navigationBarTitleText": "微信接口功能演示",

　　"backgroundColor": "#eeeeee",

　　"backgroundTextStyle": "light"

　　}

　　}

　　----------

　　navigationBarBackgroundColor 导航栏背景颜色，如”#000000”

　　navigatiqdqdqoadqwdqnBarTextStyle 导航栏标题颜色，仅支持 black/white

　　navigationBarTitleText 小程序导航栏标题文字内容

　　backgroudqqdqwqwdqdndColor 窗口的背景色

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

　　enablePullDdqddownRefresh 是否开启下拉刷新，详见页面相关小程序事件处理函数。

　　“`

　　参照以上步骤，大家就可以更改小程序头部颜色了，设置一个和你开发的小程序风格统一或接近的颜色，这样对用户的使用体验来说也大有好处，赶紧来试试吧，更多相关资料请关注微信小程序商店。

　　如何隐藏微信小程序标题栏及头部导航条?

　　小程序头部字体大小怎么设置?如何添加外部字体?

　　微信小程序头部导航栏设置实例