在app.json中的 "window"下面追加一行

"navigationStyle": "custom"

小程序顶部的白色背景条就不见了，直接变透明，只剩下右上角的胶囊按钮 

警告：

如果页面有

<web-view src="{{src}}" />

这个元素，顶部标题栏背景色依旧会出现哟~~

---

扩展阅读uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏？三种解决办法_uniapp顶部状态栏_你挚爱的强哥的博客-CSDN博客【代码】uniapp开发小程序H5页面顶部导航栏navigationBar如何隐藏？_uniapp顶部状态栏https://s-z-q.blog.csdn.net/article/details/131226906