!!!先说重点-使用说明!!!
推荐使用Font class形式使用
<i class="iconfont icon-shezhi"></i>
其中iconfont为固定图标class前缀,必须要加;icon-shezhi为你需要使用图标对应的class名称,可在在线iconfont库中查找(没有权限的自行找UI添加),也可以打开项目文件夹/src/assets/fonts/iconfont/demo_index.html到浏览器中查找对应图标的class名称。
一般情况下是两种使用方式
1.在el-button按钮中使用,如下:
<el-button type="text" icon="iconfont icon-daochu">导出</el-button>
直接在el-button中的icon属性里填入class名称。
这种写法是兼容以前的actions中传入按钮参数中对应的icon值。
2.直接在html内容部分使用,如下:
例1
<div><i class="iconfont icon-shezhi"></i> 设置<div>
例2
<el-button>设置 <i class="iconfont icon-shezhi"></i><div>
更新方法说明
如果现有图标库没有所需要的图标,自行找设计把新图标添加到图标项目组里,然后下载到本地,传入到云环境。替换现有的/src/assets/fonts/iconfont/下的所有内容,即可正常使用新图标。