uni 项目使用阿里矢量图标库

使用阿里矢量图标库可以为你的 uni-app 项目提供丰富的图标资源，可以在不同的页面和组件中使用。以下是在 uni-app 中使用阿里矢量图标库的步骤：

1. 在阿里矢量图标库官网上选择需要的图标，将其添加到购物车中。
2. 进入购物车页面，选择需要的图标，点击“下载代码”按钮，选择“uniapp”选项并下载相应的代码包。
3. 解压下载的代码包，将其中的 iconfont.ttf 文件复制到你的 uni-app 项目的 static 目录下。
4. 在 App.vue 文件中引入 iconfont.css 文件，并将其应用到全局样式中：

<template>
  <div>
    <!-- 页面内容 -->
  </div>
</template>

<style>
/* 引入 iconfont.css 文件 */
@import '@/static/iconfont.css';

/* 将 iconfont 样式应用到全局 */
* {
  font-family: 'iconfont' !important;
  font-size: 32rpx;
}
</style>

5. 在需要使用图标的页面或组件中，使用 `<text>` 标签并添加相应的图标类名即可，例如：

<template>
  <div>
    <text class="iconfont">&#xe600;</text>
    <text class="iconfont">&#xe601;</text>
  </div>
</template>

<style>
.iconfont {
  color: #333;
}
</style>

注意事项：

- 在使用阿里矢量图标库时，需要保证 iconfont.ttf 文件在 static 目录下，且 iconfont.css 文件可以被正确引入。
- 在添加图标类名时，需要使用 `&#` 编码格式，后面跟随图标对应的编码值。
- 在使用 `<text>` 标签时，需要注意其默认会有一定的行高，可以通过设置 `line-height: 1` 或使用其他标签（如 `<span>`）来避免此问题。