element ui 中el-button自定义icon图标

第一步:复制图片到项目中

  • 第二步:添加css样式

 

 

//修改icon
.el-icon-my-export{
  background: url('../assets/images/导出.png') no-repeat;
  font-size: 16px;
  background-size: cover;
}
.el-icon-my-export:before{
    content: "";
    font-size: 16px;
   }
  • 第三步:按钮使用自定义的icon。
  •   <el-button type="primary" icon="el-icon-my-export" class="interval">导出</el-button>

     

 

posted @ 2021-07-13 15:36  安琪吖  阅读(16088)  评论(0编辑  收藏  举报