uniap小程序顶部导航栏透明

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

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

{
  "navigationBarBackgroundColor": "transparent",
  ...
}

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

{
  "navigationBarTitleText": "页面标题",
  "navigationStyle": "custom"
}

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

<view class="custom-nav">
  <view class="custom-nav-title">{{title}}</view>
</view>

其中，custom-nav 是自定义导航栏的样式类名，custom-nav-title 是导航栏标题的样式类名，title 是页面标题。

4. 在相应页面的 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) 表示背景色为半透明的黑色。通过设置透明度，可以实现小程序顶部导航栏透明的效果。