很多同学问酱茄小编,怎么在微信小程序中自定义导航栏的颜色,怎么改成透明背景,怎么修改右上角胶囊状按钮颜色,其实很简单,不妨看看酱茄小编怎么操作的。
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”
版权声明:本文内容由互联网用户自发贡献,该文观点仅代表作者本人。本站仅提供信息存储空间服务,不拥有所有权,不承担相关法律责任。如发现本站有涉嫌抄袭侵权/违法违规的内容, 请发送邮件至 举报,一经查实,本站将立刻删除。