前言：
目前小伙伴们对“顶部导航栏样式”都比较重视，你们都想要分析一些“顶部导航栏样式”的相关资讯。那么小编在网上搜集了一些有关“顶部导航栏样式””的相关知识，希望兄弟们能喜欢，朋友们一起来了解一下吧！酱茄 jiangqie.com
很多同学问酱茄小编，怎么在微信小程序中自定义导航栏的颜色，怎么改成透明背景，怎么修改右上角胶囊状按钮颜色，其实很简单，不妨看看酱茄小编怎么操作的。
1、找到：app.json，在window里面添加navigationBarBackgroundColor属性。
"navigationBarBackgroundColor": "#ffffff"
2、微信小程序官方为了满足更多用户需求，给出了一个navigationStyle属性。
不过官方文档navigationStyle导航栏样式，仅支持 default/custom。custom模式可自定义导航栏显示成透明头部，只保留右上角胶囊按钮。
在app.json里面找到window并增加：
"navigationStyle": "custom"
此时顶部导航栏就会消失，保留右上角胶囊状的按钮，参考上图。
酱茄 jiangqie.com
3、怎么改变胶囊按钮颜色？
微信小程序官方定义，胶囊按钮只支持黑色和白色（white/black）两种颜色，在app.josn的window里添加：
"navigationBarTextStyle":"white"
原文来自：
版权声明：
本站文章均来自互联网搜集，如有侵犯您的权益，请联系我们删除，谢谢。
