首先在阿里iconfont中将自己喜欢的图标放到自己的项目中
然后点击下载到本地文件
将本地文件中的这些文件复制到uniapp项目中,在main.js中导入
import "./static/css/iconfont/iconfont.css" //路径为自己放置的路径
或者在app.vue导入
@import "/static/css/iconfont/iconfont.css";(推荐)
放在main.js在app端有可能会报错,至少我项目现在是这样的。
最重要的!!!
将iconfont.css的文件地址换成自己本地的!!!
这是之前的下载下来的地址;h5端运行不会报错,但是app运行就会报错了会说找不到该文件
将文件地址加上自己项目具体路径就好了
在页面中就可以使用了
<span class="icon iconfont"></span>
查看图标点击项目中的unicode,然后复制图标代码,替换span的内容就可以了