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";
    }
  }

 

posted on 2021-07-13 10:35  小青涩  阅读(2953)  评论(0)    收藏  举报