很多同学问酱茄小编，怎么在微信小程序中自定义导航栏的颜色，怎么改成透明背景，怎么修改右上角胶囊状按钮颜色，其实很简单，不妨看看酱茄小编怎么操作的。
1、找到：app.json，在window里面添加
navigationBarBackgroundColor属性。
“navigationBarBackgroundColor”: “#ffffff”
2、微信小程序官方为了满足更多用户需求，给出了一个navigationStyle属性。
不过官方文档navigationStyle导航栏样式，仅支持 default/custom。custom模式可自定义导航栏显示成透明头部，只保留右上角胶囊按钮。
在app.json里面找到window并增加：
本文转载自：https://www.gylmap.com
“navigationStyle”: “custom”
此时顶部导航栏就会消失，保留右上角胶囊状的按钮，参考上图。
酱茄 jiangqie.com
3、怎么改变胶囊按钮颜色？
微信小程序官方定义，胶囊按钮只支持黑色和白色（white/black）两种颜色，在app.josn的window里添加：
“navigationBarTextStyle”:”white”
秒鲨号所有文章资讯、展示的图片素材等内容均为注册用户上传(部分报媒/平媒内容转载自网络合作媒体)，仅供学习参考。用户通过本站上传、发布的任何内容的知识产权归属用户或原始著作权人所有。如有侵犯您的版权，请联系我们反馈！本站将在三个工作日内改正。
