搜 索

路桥微信小程序自定义顶部导航栏颜色和透明头部

关于路桥微信商城小程序,路桥微信小程序,路桥商城小程序等问题可联系我们,我们拥有20年路桥微信小程序 路桥商城小程序 服务经验。主要提供路桥网站建设、路桥小程序开发、路桥系统开发、路桥营销推广等适合路桥企业发展的一站式、全方位整合的互联网技术服务。

今天应客户要求需要将路桥微信商城小程序导航栏的颜色成透明背景,并修改右上角胶囊状按钮颜色,记录并分享一下操作过程。

1、找到:app.json,在window里面添加navigationBarBackgroundColor属性。

"navigationBarBackgroundColor": "#ffffff"

2、路桥微信小程序官方为了满足更多用户需求,给出了一个navigationStyle属性。

不过官方文档navigationStyle导航栏样式,仅支持 default/custom。custom模式可自定义导航栏显示成透明头部,只保留右上角胶囊按钮。

在app.json里面找到window并增加:

"navigationStyle": "custom"

此时顶部导航栏就会消失,保留右上角胶囊状的按钮。如需某个页面需要则在该页面的 json中添加该参数。

3、怎么改变胶囊按钮颜色?

路桥微信小程序官方定义,胶囊按钮只支持黑色和白色(white/black)两种颜色,在app.josn的window里添加:

"navigationBarTextStyle":"white"

路桥微信小程序

路桥微信小程序自定义顶部导航栏颜色和透明头部由“聚企互联“为您提供,更多路桥微信商城小程序,路桥微信小程序,路桥商城小程序可联系我们

阅读更多
联系我们
已有小程序构想?
我们一起来实现它吧