微信小程序顶部(navigationBar)设置为透明

时间:2024-04-11 20:58:56

我记得在微信小程序中导航栏的颜色可以在app.json.  window里面添加navigationBarBackgroundColor属性,但是颜色只能为纯色.不能使用rgb,或者rgba的色号.

但是今天做页面时,发现设计稿如下

微信小程序顶部(navigationBar)设置为透明

但是我的页面如下:

微信小程序顶部(navigationBar)设置为透明

这个顶部的navigationBar有点丑啊,搜了搜怎么解决,经过我一顿砸键盘终于找到了答案

结果:

  在app.json里面的window增加navigationStyle:custom ,顶部导航栏就会消失,只保留右上角胶囊状的按钮.