使用iconfont字体图标库

183 阅读1分钟

1.使用自己的账号登录iconfont字体图标库官网 www.iconfont.cn/

2.点击上传图标

image.png

3.提交(10分钟的审核时间)

image.png

4.进入我的图标

image.png

5.添加到购物车,然后右上角点击购物车

image.png

image.png

6.下载代码

image.png

7.将以下下载好的图标文件拷贝到自己项目中

image.png

image.png

// 在main.js中全局引入阿里iconfont
import "./assets/iconfont/iconfont.css";

8.点击查看已下载的图标

image.png

9.使用:将icon类名进行替换

image.png

10.项目中使用

image.png