iconfont是一个阿里巴巴开源的一个控件资源网站,作为前端开发我们可以在项目中引入iconfont便利我们的开发。但是网上的引入流程大多就是人云亦云,照抄官网教程,并不详细,因此我梳理了一下vue导入iconfont的流程,供大家学习。
1. 在官网下载对应控件的代码
官网链接:https://www.iconfont.cn/
2. 将解压的控件代码放到asset文件中
3. 在main.js中引入iconfont.css
注意路径要和项目中iconfont.css的路径保持一致
4.在页面使用图标
<i class="iconfont icon-fenxiang"></i>
前端小白,学习客户端开发和Vue ing,喜欢的可以关注我哈~共同进步