关于项目中的iconfont图标管理

225 阅读1分钟

iconfont地址:www.iconfont.cn/?spm=a313x.…

在项目中会使用到设计稿中的图标,记录分享一下iconfont使用与管理。


1. 创建项目

image.png

资源管理-我的项目-创建项目,填写了必要信息后,即可创建项目。

2. 上传图标

image.png

点击“上传图标至项目”,将设计稿中的svg文件上传,去除颜色并提交。

3. 项目中使用

image.png

在项目中创建iconfont.css,保存大蓝框中的代码,并在main.js引用。

  <div class="iconfont">&#xe72e;</div>