【详细】vue引入iconfont攻略

    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,喜欢的可以关注我哈~共同进步 

发布了51 篇原创文章 · 获赞 97 · 访问量 4万+

猜你喜欢

转载自blog.csdn.net/m0_37218227/article/details/86524748
今日推荐