uniapp上方滑动导航栏

在 UniApp 中实现上方滑动导航栏可以通过使用 `uni-app` 组件库中的 `uni-nav-bar` 组件来实现。以下是一个简单的示例代码:

<template>
  <view>
    <uni-nav-bar
      title="标题"
      :fixed="true"
      :background-color="navBarColor"
      :front-color="navBarFrontColor"
    ></uni-nav-bar>
    <!-- 页面内容 -->
  </view>
</template>

<script>
export default {
  data() {
    return {
      navBarColor: '#ffffff', // 导航栏背景色
      navBarFrontColor: '#000000', // 导航栏前景色（包括标题和返回按钮）
    }
  },
}
</script>

在上面的示例中，`uni-nav-bar` 组件用于显示导航栏，通过设置 `fixed` 属性为 `true` 可以实现导航栏固定在屏幕顶部。你可以根据需要调整 `navBarColor` 和 `navBarFrontColor` 来设置导航栏的背景色和前景色。

你还可以在 `uni-nav-bar` 组件中添加其他属性和事件来满足特定的需求，比如添加返回按钮、右侧按钮等。具体使用方法请参考 [uni-nav-bar](https://uniapp.dcloud.io/component/nav-bar) 的文档。