VUE element-ui之使用外部图标---iconfont篇_如何用除elementui以外的图标(1)

分享

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】

3.图标库建好后直接搜索自己需要的图标按如下步骤：





4、将文件解压后，在项目assets下新建文件，将解压文件放入

5、在main.js中引入：

import './assets/icon/iconfont.css'

6、在标签中使用类名引入图标：

<el-button style="margin-left: 4px" class="filter-item iconfont icon-zhuangtai" type="primary" size="mini" @click="exportExcel">设置状态</el-button>
//注意：类名iconfont必须加

7、页面效果：

分享

开源分享：【大厂前端面试题解析+核心总结学习笔记+真实项目实战+最新讲解视频】