el-dialog 替换关闭按钮icon


项目中 UI 更换,将el-dialog的关闭按钮icon换了。

 

  ========>  

 

我第一时间想的是插槽更换,但是官网看了一下,有title插槽,就想着把关闭按钮隐藏,然后用title增加icon,css定位到两边。

之后去百度,是用background替换 el-dialog__headerbtn 按钮。

后来,大佬说了一个方法,直接将icon 的content 给换了,就可以

默认的:

 

 修改:

.el-dialog__close.el-icon-close{
    &::before{
      content: "\e78d";
    }
  }

 


免责声明!

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



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