vuejs搭建的项目如何引入图标字体

引入阿里的icon库;

1.所选择的字体图标下载代码包,

2.代码包里可以踢除掉demo文件,其他拷贝到vue项目里,自建一个icon文件目录 (测试发现,请慎重删除里面的文件,最好自己测试下)

vuejs搭建的项目如何引入图标字体_第1张图片 我的引入目录

3.所引用的组件页面导入iconfont.css文件  (也可以全局引入)

确保路径地址:我的是子组件引入的相对路径

全局引入。App.vue里。




4页面:页面中添加一个i标签 class填入iconfont icon-xxx即可,

出错的小伙伴,先试着排查下别的报错。我一直这么用。目前没有报错。有的留言信息久远,就不回复了。

你可能感兴趣的:(Vue.js)