element ui自定义图标

1、样式设置

.el-icon-map {
  background: url('../../../../../assets/map/map-switch.png') center no-repeat;
}
.el-icon-map:before {
  content: '切换';
  font-size: 0;
  visibility: hidden;
}

2、自定义图标

background: url('../../../../../assets/map/map-switch.png') center no-repeat;
其中url 中为自定义图标位置

content:可填写任何内容

3、样式使用

<el-button class="el-icon-map" @click.native="isShow"></el-button> 

4、效果展示

5、声明

1）本文来源项目实践，文章存在任何问题或疑问，请留言，感谢您的阅读！
2）原创不易，转载请标注来源，感谢！
3）made in wmgis