搜 索

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

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

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"

微信小程序自定义顶部导航栏颜色和透明头部由“聚企互联“为您提供!

阅读更多
联系我们
我们善于倾听并分析您的小程序诉求
请随时与我们联系
*填写您的需求信息,我们会在24小时内与您取得联系。
本网站设计、源代码及其中所展示之作品著作权均属于台州聚企互联信息技术有限公司,第三方徽标和标志是其各自所有者的注册商标。保留所有权利 抄袭必究。

B2B网站 微信小程序开发 高端网站建设 B2B系统 跨境电商平台搭建 网站建设开发 定制网站开发 seo网站推广 网站开发 网站关键词优化 外贸网站建设 网站模版 B2B电子商务 公司网站制作 企业SCRM SCRM管理系统 建设企业网站 网站seo优化 跨境电商平台 B2B平台
台州聚企互联信息技术有限公司
台州市府大道253号爱华曙光大厦6F
© 2003—2024 576so.com
浙ICP备15008529号-2 浙ICP备15008529号-2
浙公网安备33100202000475号