我用的是阿里巴巴矢量图标库
****一,在文件中引入icon项目链接
在这里插入图片描述
将图标加入项目后会出一个链接(每新添加图标,此链接都应更新)
在Vue项目中,public/index.html中
在这里插入图片描述
将项目链接复制在link中即可

二,icon项目下载使用
将下载的项目解压,复制到Vue项目中的assets文件中
如,assets/iconfont/font
在这里插入图片描述
然后在main.js文件中引入
//引入图标

import './assets/iconfont/font/iconfont.css'

最终引入的是iconfont.css文件

使用
两种方法的使用的一样的

 <i class="iconfont icon-gouwuche"></i>

不要忘记加 :iconfont,否则无效

Logo

华为开发者空间,是为全球开发者打造的专属开发空间,汇聚了华为优质开发资源及工具,致力于让每一位开发者拥有一台云主机,基于华为根生态开发、创新。

更多推荐