介绍
本篇文章给大家分享的是有关怎么在vue项目中引入Iconfont图标库,小编觉得挺实用的,因此分享给大家学习,希望大家阅读完这篇文章后可以有所收获,话不多说,跟着小编一起来看看吧。
1。在阿里图标库中选中你想要的图标库,并点击进去,
[类^=癳l-icon-third"],[类*=?el-icon-third"]/*这里有空格*/{,字体类型:“iconfont", !重要;
,字体大小:16 px;
,字体样式:正常;
,-webkit-font-smoothing:平滑;
,-moz-osx-font-smoothing:灰度;
}
上面是要替换的css内容,
10只;在main.js引入iconfont。css文件,也就是刚刚我们修改的文件,这样就不用每一个组件想用图标的时候都要引一遍了,
以上就是怎么在vue项目中引入Iconfont图标库,小编相信有部分知识点可能是我们日常工作会见到或用到的。希望你能通过这篇文章学到更多知识。更多详情敬请关注行业资讯频道。
