Skip to content

系统对图标进行了封装,使用SvgIcon组件调用,支持以下三种方式引用

element-plus 图标

使用 element-plus/icons-vue 2.1.0 版本

// 官方
<el-icon><ele-Upload /></el-icon>

// 推荐 (ele-前缀)
<SvgIcon name="ele-ArrowDown" size="30" />

font-awesome 图标

支持 Font Awesome 4 版本,配置文件位置:src/assets/js/font-awesome.js

// i标签
<i class="fa fa-close" />

// 推荐 (fa fa-前缀)
<SvgIcon name="fa fa-close" size="15" />

本地图标

本地图标库位置 src/assets/icons。如果需要添加svg图标,只需要将svg文件放入即可,对应文件名调用

// 推荐 (local-icon-前缀)
<SvgIcon name="local-icon-admin" size="20" />

Released under the Apache-2.0 License.