uniapp导航栏组件使用步骤

<template>
  <view>
    <uni-navigator />
    <router-view />
  </view>
</template>
<script>
import uniNavigator from '@/components/uni-navigator/uni-navigator.vue'
export default {
    components: {
        uniNavigator
    }
}
</script>

<template>
  <view>
    <view class="nav-bar">
      <view class="left" @tap="goBack">返回</view>
      <view class="title">首页</view>
      <view class="right">更多</view>
    </view>
  </view>
</template>
<script>
export default {
    methods: {
        goBack() {
            uni.navigateBack()
        }
    }
}
</script>
<style>
.nav-bar {
    height: 44px;
    background-color: #fff;
    display: flex;
    align-items: center;
    padding: 0 15px;
    color: #333;
    border-bottom: 1px solid #e5e5e5;
}
.left {
    flex: 1;
}
.title {
    flex: 2;
    text-align: center;
}
.right {
    flex: 1;
    text-align: right;
}
</style>

<template>
  <view>
    <uni-navigator></uni-navigator>
    <view>页面内容</view>
  </view>
</template>
<script>
export default {
}
</script>