再uniapp中引入阿里图标之2(不知道这次为啥按照之前用法图标就是出不来,无奈试了很久这样才可行)

231 阅读1分钟

最近学习uniapp,写了个小demo,想着引用阿里图标,现在记录一下如何在uniapp的项目中引入阿里图标,此处遇到一个坑,写出来仅供避坑!!! 第一步:www.iconfont.cn/进入阿里图标库官网,找…

,之后下载代码,并且将购物车中的图标添加到项目中,这个项目是在阿里图标中建立的一个文件夹,如果之前没有建立过,可以点击添加项目
右上角点击随便建个项目,为的是下边我们修改在线地址,方便查看复制在线地址所用,跟你所写的uniapp项目并无关联
第二步: 去下载的代码中把里面所有文件复制,然后在你项目的src里建立一个font文件夹,粘贴下载下来的那些文件
全部粘贴哦 第三步:使用:首先在main.js中根据你自己的路径引入iconfont.css

然后使用的时候

写class类名,一定要加类名iconfont,然后再添加对应图标的类名就可以了