小程序右上角的胶囊颜色怎么修改？

作者: 祈澈菇凉 | 来源:发表于2019-01-20 01:17 被阅读75次

小程序右上角的胶囊颜色怎么修改？
微信小程序自定义顶部导航栏颜色和透明头部
梳理小程序知识（四）
小程序 radio默认颜色怎么修改
微信小程序自定义导航栏组件
微信小程序动态改变胶囊颜色
微信小程序全屏模式（自定义导航栏）
小程序实现动态修改文字颜色
#每日交互#
UG编程软件中如何永久设置实体颜色?（以NX8.0为例）

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

我的是这样的

别人的是这样的：

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

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

修改效果：

"navigationBarTextStyle":"white"

"navigationBarTextStyle":"black"

原文作者：祈澈姑娘技术博客：https://www.jianshu.com/u/05f416aefbe1
90后前端妹子，爱编程，爱运营，爱折腾。
坚持总结工作中遇到的技术问题，坚持记录工作中所思所见，对于博客上面有不会的问题，可以加入qq群聊来问我：473819131。

小程序右上角的胶囊颜色怎么修改？
在群里看到这样的一个问题，小程序右上角的胶囊颜色怎么修改？给小程序设置了头部背景之后，右上角的胶囊颜色却是透明的，...
微信小程序自定义顶部导航栏颜色和透明头部
很多同学问酱茄小编，怎么在微信小程序中自定义导航栏的颜色，怎么改成透明背景，怎么修改右上角胶囊状按钮颜色，其实很简...
梳理小程序知识（四）
小程序运行机制前台/后台状态小程序启动后，界面被展示给用户，此时小程序处于前台状态。当用户点击右上角胶囊按钮...
小程序 radio默认颜色怎么修改
核心：color="#1860F6"，补充：更多说明，参考小程序官方文档！
微信小程序自定义导航栏组件
相信很多小伙伴在开发微信小程序的时候都会有自定义顶部导航栏的需求，不够要说明的是小程序右上角的胶囊是不能自定义的哦...
微信小程序动态改变胶囊颜色
看别人的项目有这样一种设定，一进来没有导航栏只有返回按钮，胶囊颜色为黑色半透明，等滑动到一定高度以后导航栏出现，胶...
微信小程序全屏模式（自定义导航栏）
要自定义导航栏，首先需要在app.json里设置：设置之后进入小程序就只剩下右上角的胶囊了。在设置导航栏样式时...
小程序实现动态修改文字颜色
先看效果图直接上代码 xml xss js 以上是本次分享的内容，后期会带来更多的内容，希望大家多多支持关注
#每日交互#
微信小程序-右上角长按打开最近使用的小程序，方便快速切换！
UG编程软件中如何永久设置实体颜色?（以NX8.0为例）
UG实体模型怎么修改默认颜色？UG中默认的实体颜色是橘黄色，想要修改默认颜色，该怎么修改呢？下面我们就来看看详细的...