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

时间:2024-02-21 13:15:26

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

  • 第二步:添加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>