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>

     

 


免责声明!

本站转载的文章为个人学习借鉴使用,本站对版权不负任何法律责任。如果侵犯了您的隐私权益,请联系本站邮箱yoyou2525@163.com删除。



 
粤ICP备18138465号  © 2018-2025 CODEPRJ.COM