Vue中阿里图标的使用

Vue中阿里图标的使用

1.下载图标

进入阿里图标库官方网站，将要使用的图标添加到购物车，然后下载到本地进行解压

2.vue文件中引入图标文件

3.代码引入方式：

这里只需要引入对应的iconfont.css文件就可以了

4.注意ttf、woff文件

iconfont.css文件中引入了.ttf、.woff、.woff2文件。如下图

注意：如果更改了woff2、woff、ttf这些文件的位置，那这里面的路径也需要更改。