如何用uniapp中的navigator制作一个导航栏

在uniapp中，可以使用`uni-app`提供的`navigator`组件来创建导航栏。以下是创建导航栏的步骤：

1. 在页面的`template`中添加`navigator`组件，使用`uni-nav-bar`样式类来设置导航栏的样式，例如：

<template>
  <view>
    <navigator class="uni-nav-bar">
      <!-- 导航栏内容 -->
    </navigator>
    <!-- 页面内容 -->
  </view>
</template>

2. 在`navigator`组件中添加导航栏的内容，例如标题、返回按钮等。可以使用`uni-icons`提供的图标来添加返回按钮，例如：

<navigator class="uni-nav-bar">
  <view class="uni-nav-bar__left">
    <uni-icons type="back" color="#000" size="24" @click="back"></uni-icons>
  </view>
  <view class="uni-nav-bar__title">导航栏标题</view>
</navigator>

3. 在`script`中添加导航栏的逻辑，例如返回上一页的方法：

export default {
  methods: {
    back() {
      uni.navigateBack()
    }
  }
}

通过以上步骤，就可以在uniapp中创建一个简单的导航栏了。当然，还可以根据需求自定义导航栏的样式和功能。