阿里矢量图如何通过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
最后编辑于
©著作权归作者所有,转载或内容合作请联系作者
平台声明:文章内容(如有图片或视频亦包括在内)由作者上传并发布,文章内容仅代表作者本人观点,简书系信息发布平台,仅提供信息存储服务。