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

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

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

首先点击上面的蓝色字体阿里巴巴矢量图标库进入官网
在这里插入图片描述
在搜索框进行搜索,搜索完成后,找到自己喜欢的图标
在这里插入图片描述
加入购物车,打开购物车
在这里插入图片描述
加入自己项目
在这里插入图片描述
可以看到自己加入购物车的项目以及下载到本地,点击下载到本地,将会下载一个压缩包,下载完成后进行解压,解压完成后

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

发布了34 篇原创文章 · 获赞 5 · 访问量 2274

猜你喜欢

转载自blog.csdn.net/tanfei_/article/details/102833862