微信小程序顶部（navigationBar）设置为透明

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

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

但是我的页面如下：

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

结果：

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

 

转载于:https://www.cnblogs.com/suihang/p/10565257.html