系统对图标进行了封装,使用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" />