二、引入阿里矢量图标

地址：https://www.iconfont.cn/

一、下载并解压

解压完后，文件结构是这样子的

二、配置

1. 将iconfont.ttf文件放入项目的static文件夹里

2. 创建common文件夹，创建css文件夹，将iconfont.css放入文件夹中

3. 删除部分iconfont.css内容，并修改文件名icon.css，如下

   @font-face {
     font-family: "iconfont"; /* Project id 1054033 */
     src: url('/static/iconfont.ttf');
   }
   
   .iconfont {
     font-family: "iconfont" !important;
     font-size: 16px;
     font-style: normal;
   }

4. 把icon.css在App.uvue文件引入

   <style>
   	@import url(@/common/css/icon.css);
   </style>

三、使用

注意：

<text class="iconfont">{{'\ue621'}}</text>