uniapp 使用uview u-navbar设置页面

要在 UniApp 中使用 uview 中的 u-navbar 组件，需要先安装 uview 插件。

1. 在 HBuilderX 中，打开你的 UniApp 项目。
2. 在左侧的工具栏中，选择 插件市场。
3. 在搜索框中，输入 uview。
4. 找到 uview 插件，点击安装。
5. 安装完成后，重新启动 HBuilderX。

现在，你可以在你的项目中使用 u-navbar 组件了。

示例代码如下：

<template>
  <view>
    <u-navbar title="首页">
      <u-navbar-right @click="onClickRight">
        <text>更多</text>
      </u-navbar-right>
    </u-navbar>
    <view class="content">
      <text>这里是首页的内容</text>
    </view>
  </view>
</template>

<script>
  export default {
    methods: {
      onClickRight() {
        uni.showToast({
          title: '点击了更多',
          icon: 'none'
        })
      }
    }
  }
</script>

<style>
  .content {
    padding: 20rpx;
  }
</style>

在这个示例中，我们创建了一个包含 u-navbar 组件的页面。我们设置了标题为“首页”，并且在右侧添加了一个自定义按钮。当用户点击这个按钮时，我们弹出一个提示框。

你可以根据自己的需要调整样式和事件。