阿里矢量图如何通过iconfont放入vue项目

首先，将你所需要的icon小图标放入购物车，如下图：

image.png

之后，你会看到位于你右上角的购物出会有对应个数的标识，点击购物车图标：

image.png
然后点击添加选择至对应的项目：
image.png

随后点击Font class选项，之后点下载至本地：

image.png
打开下载的压缩包，压缩之后会得到一个如下的文件夹：
image.png
在assets文件夹下建icon-font文件夹，最后将以下几项替换掉vue项目中的icon文件，之后再main.js中引入css后缀的文件： image.png image.png

之后就可以用class来获取图标了，不过要记得在使用当前icon的class 的时候要加上‘iconfont’这个公共class快去试试吧。喜欢的记得加关注哦亲亲！

qinqin.gif