微信小程序顶部（navigationBar）设置为透明
Posted 一只菜鸟攻城狮啊
tags:
篇首语：本文由小常识网(cha138.com)小编为大家整理，主要介绍了微信小程序顶部（navigationBar）设置为透明相关的知识，希望对你有一定的参考价值。
我记得在微信小程序中导航栏的颜色可以在app.json. window里面添加navigationBarBackgroundColor属性,但是颜色只能为纯色.不能使用rgb,或者rgba的色号.
但是今天做页面时，发现设计稿如下
但是我的页面如下：
这个顶部的navigationBar有点丑啊，搜了搜怎么解决，经过我一顿砸键盘终于找到了答案
结果：
在app.json里面的window增加navigationStyle:custom ,顶部导航栏就会消失,只保留右上角胶囊状的按钮.
以上是关于微信小程序顶部（navigationBar）设置为透明的主要内容，如果未能解决你的问题，请参考以下文章