本文介绍了如何在Vue项目中使用Element-UI并集成阿里字体图标库。首先下载字体图标压缩包，然后将其解压并放入项目src/assets目录。接着在main.js中引入iconfont.css，最后在组件中通过修改类名为"iconfont icon-xxx"来使用字体图标。
第一步：下载字体图标
选择好要下载的字体图标后 点击下载代码，得到一个压缩包
第二步
解压后将文件夹放到项目src/assets中
第三步
打开解压后的文件夹中的demo——index.html
可选fontclass引用
在项目入口文件main.js中导入字体图标 iconfont.css
// 导入字体图标
import './assets/fonts/iconfont.css'
最后在需要使用字体图标的单文件组件中使用。
例
login.vue单文件组件使用下图的字体图标
最低0.47元/天 解锁文章
扫一扫
8万+
被折叠的 条评论
为什么被折叠?
到【灌水乐园】发言
