小程序胶囊颜色修改

前端王小婷

于 2019-04-08 15:35:17 发布

阅读量7.3k

点赞数

本文链接：https://blog.csdn.net/weixin_44763569/article/details/89091625

版权

本文介绍了如何修改微信小程序右上角胶囊的颜色。当设置小程序头部背景后，胶囊默认为透明，实际上可以通过修改app.json中的`navigationBarTextStyle`属性来改变，如设置为`white`或`black`。

摘要由CSDN通过智能技术生成

在群里看到这样的一个问题，小程序右上角的胶囊颜色怎么修改？给小程序设置了头部背景之后，右上角的胶囊颜色却是透明的，和别人的相比：

我的是这样的

别人的是这样的：

一开始是一脸懵，这个颜色还能修改吗，难道不是默认的，手动尴尬，以为是自定义的，后来才发现只需要修改app.json的一个属性即可。

{
  "navigationBarBackgroundColor": "#f83e06",
  "navigationBarTitleText": "服务中心",
  "navigationBarTextStyle": "white"
}

修改效果：

"navigationBarTextStyle":"white"

关注