uniapp顶部导航栏加图标

要在uni-app的顶部导航栏添加图标，你可以使用uni-icons组件或自定义图标。

1. 使用uni-icons组件：
- 首先，安装uni-icons插件：在项目根目录下执行命令 `npm install uni-icons`。
- 在需要使用图标的页面中，引入uni-icons组件：`import uniIcons from '@/components/uni-icons/uni-icons.vue'`。
- 在页面的导航栏中使用uni-icons组件，例如：

     <template>
       <view>
         <uni-icons name="home" size="24"></uni-icons>
         <text>Home</text>
       </view>
     </template>
     
     <script>
     export default {
       components: {
         uniIcons
       }
     }
     </script>

- 在上面的例子中，我们使用了`uni-icons`组件，并指定了图标的名称为"home"，大小为24。

2. 自定义图标：
- 首先，准备好你的自定义图标，可以是SVG格式或其他格式。
- 将图标文件放置在项目的静态资源目录下，例如：`static/icons/home.svg`。
- 在需要使用图标的页面中，使用`image`组件来显示图标，例如：

     <template>
       <view>
         <image src="/static/icons/home.svg" class="icon"></image>
         <text>Home</text>
       </view>
     </template>

- 在上面的例子中，我们使用了`image`组件来显示自定义图标，图标的路径为`/static/icons/home.svg`。

以上是两种在uni-app的顶部导航栏中添加图标的方法，你可以根据自己的需求选择其中一种方法来实现。