1657
1657在寻求专业番禺微信商城小程序、番禺商城小程序、番禺微信小程序服务？我们拥有20年APP、番禺微信小程序、番禺商城小程序的行业经验。我们的团队将为您量身定制番禺微信商城小程序解决方案，确保您在竞争激烈的市场中脱颖而出。
今天应客户要求需要将番禺微信商城小程序导航栏的颜色成透明背景，并修改右上角胶囊状按钮颜色，记录并分享一下操作过程。
1、找到：app.json，在window里面添加navigationBarBackgroundColor属性。
"navigationBarBackgroundColor": "#ffffff"
2、番禺微信小程序官方为了满足更多用户需求，给出了一个navigationStyle属性。
不过官方文档navigationStyle导航栏样式，仅支持 default/custom。custom模式可自定义导航栏显示成透明头部，只保留右上角胶囊按钮。
在app.json里面找到window并增加：
"navigationStyle": "custom"
此时顶部导航栏就会消失，保留右上角胶囊状的按钮。如需某个页面需要则在该页面的 json中添加该参数。
番禺微信小程序官方定义，胶囊按钮只支持黑色和白色（white/black）两种颜色，在app.josn的window里添加：
"navigationBarTextStyle":"white"
微信小程序自定义顶部导航栏颜色和透明头部由“聚企互联“为您提供，更多番禺微信商城小程序,番禺商城小程序,番禺微信小程序可联系我们！
