element ui icon引用
背景:element ui 中,类似引用自带icon一样使用,
如
<i class="el-icon-edit"></i>
代码:
<i class="el-icon-xxx"></i>
.el-icon-xxx { background: url('../../assets/images/xxx.png') center no-repeat; // 需要引入你的图标路径 background-size: contain; display: inline-block; margin: 0 auto; margin-left: 10px; } .el-icon-xxx:hover { content: '\8d3a'; cursor: pointer; } //content中是中文的Unicode编码; font-size:图标大小; visibility: hidden;来隐藏文字 .el-icon-xxx:before { content: '\8d3a'; display: inline-block; margin-left: 6px; font-size: 20px; visibility: hidden; }