iconfont是一种字体,和svg作为icon是完全不一样的,只作为图标用起来很方便。
去阿里巴巴选字体
选好之后下载到本地,解压,把对应的字体和css文件放到assets目录下。
iconfont.css里面自定义每个icon的class名,在iconfont类设置初始化格式。
App组件全局引入
@import "../src/assets/iconfont/iconfont.css";
然后就可以直接在组件里用class调用了,不要忘记加初始化类名。
<div class="foot-item" >
<i class="iconfont icon-tag"/>
<p class="item-text">分类</p>
</div>