uniap小程序顶部导航栏透明

要设置小程序顶部导航栏透明，可以通过以下步骤实现：

在 app.json 文件中设置 navigationBarBackgroundColor 为 transparent，如下所示：

{
"navigationBarBackgroundColor": "transparent",
...
}
登录后复制

在相应页面的 json 文件中设置 navigationStyle 为 custom，如下所示：

{
"navigationBarTitleText": "页面标题",
"navigationStyle": "custom"
}
登录后复制

在相应页面的 wxml 文件中添加一个自定义导航栏，如下所示：

<view class="custom-nav">
<view class="custom-nav-title">{{title}}</view>
</view>
登录后复制
其中，custom-nav 是自定义导航栏的样式类名，custom-nav-title 是导航栏标题的样式类名，title 是页面标题。

在相应页面的 wxss 文件中设置自定义导航栏的样式，如下所示：

.custom-nav {
position: fixed;
top: 0;
left: 0;
width: 100%;
height: 44rpx;
background-color: rgba(0,0,0,0.5);
color: #fff;
font-size: 16px;
text-align: center;
line-height: 44rpx;
z-index: 999;
}
登录后复制
其中，rgba(0,0,0,0.5) 表示背景色为半透明的黑色。通过设置透明度，可以实现小程序顶部导航栏透明的效果。