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