vue 怎么导入阿里矢量图标iconfont.css

vue 怎么导入阿里矢量图标iconfont.css

在做vue的时候可能经常会用到一些矢量图标,在就需要去阿里巴巴矢量图标库去下载

首先点击上面的蓝色字体阿里巴巴矢量图标库进入官网
vue 怎么导入阿里矢量图标iconfont.css_第1张图片
在搜索框进行搜索,搜索完成后,找到自己喜欢的图标
vue 怎么导入阿里矢量图标iconfont.css_第2张图片
加入购物车,打开购物车
vue 怎么导入阿里矢量图标iconfont.css_第3张图片
加入自己项目
vue 怎么导入阿里矢量图标iconfont.css_第4张图片
可以看到自己加入购物车的项目以及下载到本地,点击下载到本地,将会下载一个压缩包,下载完成后进行解压,解压完成后

vue 怎么导入阿里矢量图标iconfont.css_第5张图片
解压完成后会发现很多文件其中.html打开就是使用教程,后面可以根据教程上的进行操作,并且把相应的文件移动到你的目录中,上面的文件不要删除你可能会漏掉一些文件,如果没有效果就按下Fn+F12或者F12看看报错,最后成功的话就会出现
在这里插入图片描述

你可能感兴趣的:(iconfont,vue加载矢量图标,阿里巴巴图标导入)