el-dialog 替换关闭按钮icon

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

el-dialog 替换关闭按钮icon

 

  ========>  el-dialog 替换关闭按钮icon

 

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

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

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

默认的:

el-dialog 替换关闭按钮icon

 

 修改:

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

 

el-dialog 替换关闭按钮icon

上一篇:CF331E2 Deja Vu【图论,计数】


下一篇:redis的学习