vue 引入 icon(阿里图标库)

项目中，需要引入一些SVG图标，我一般都是用阿里图标库（https://www.iconfont.cn/），网上有三种步骤，我的也是其中一种，接下来记录一下，我自己用的步骤：
第一步：在阿里图标库找到自己需要的图标，鼠标放到图标上，加入购物车。
第二步：点击购物车。

第三步：点击购物车，点击添加至项目。

第四步：选择项目。

第六步：把项目下载到本地。

第七步：把压缩包里的文件复制到项目里，我是复制到了src/assets文件夹下。

第八步：全局引用css, 在main.js文件里面引用：import ‘./assets/icon/iconfont.css’
第九步：哪里需要，就在那里引用，在这里class必须加上iconfont,如果不加就会是一个小方块，需要查询图标的class值，可以在压缩包里的html文件demo_index里面寻找。

 <i class="iconfont icon-riqiqishu" style="font-size:15px; color:#ff0000; vertical-align: middle; margin-right:8px;"></i>

其他：
1.查看我的项目，在资源管理里面。

1.修改图标的大小，颜色。在项目中点击修改按钮（如下图）：

弹出次弹窗，就可以修改class,修改大小、位置等