首页 > 其他 > 详细

el-dialog 替换关闭按钮icon

时间:2021-07-13 11:51:27      阅读:15      评论:0      收藏:0      [点我收藏+]

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

技术分享图片

 

  ========>  技术分享图片

 

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

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

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

默认的:

技术分享图片

 

 修改:

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

 

el-dialog 替换关闭按钮icon

原文:https://www.cnblogs.com/LittleShy/p/15005365.html

(0)
(0)
   
举报
评论 一句话评论(0
关于我们 - 联系我们 - 留言反馈 - 联系我们:wmxa8@hotmail.com
© 2014 bubuko.com 版权所有
打开技术之扣,分享程序人生!