element ui icon引用

背景：element ui 中，类似引用自带icon一样使用，

如 

?

1	<i class="el-icon-edit"></i>

 

代码：

?

1 2 3 4 5 6 7 8 9 10 11 12 13 14 15 16 17 18 19

<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; }