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

   日期:2024-12-27    作者:3irsz 移动:http://mip.riyuangf.com/mobile/quote/75287.html

如果您在寻找阜新微信商城小程序、阜新商城小程序、阜新微信小程序的专家,您来对地方了!我们拥有20年的行业经验,能够为您的提供极佳的APP、阜新微信小程序、阜新商城小程序方案。

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

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

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"


特别提示:本信息由相关用户自行提供,真实性未证实,仅供参考。请谨慎采用,风险自负。


举报收藏 0评论 0
0相关评论
相关最新动态
推荐最新动态
点击排行
{
网站首页  |  关于我们  |  联系方式  |  使用协议  |  隐私政策  |  版权隐私  |  网站地图  |  排名推广  |  广告服务  |  积分换礼  |  网站留言  |  RSS订阅  |  违规举报  |  鄂ICP备2020018471号