首页 > 其他 > 详细

element-ui组件dialog弹窗样式重置

时间:2021-06-17 12:18:45      阅读:20      评论:0      收藏:0      [点我收藏+]

当在某个页面中需要对element-ui组件dialog弹窗样式重置,需要使用custom-class(Dialog 的自定义类名)

  例子:在style scoped样式表里面为弹窗样式进行重置:

  custom-class="schedule-task-diaog"

 /deep/.schedule-task-diaog{
    height:100vh !important;
    margin:0px !important;
    /deep/.el-dialog__header{
      width:100%;
      padding:0px !important;
      height:50px;
      line-height:50px;
    }
    /deep/ .el-dialog__body{
      width:100%;
      height:calc(~"100% - 50px");
      box-sizing: border-box;
    }
  } 

 

element-ui组件dialog弹窗样式重置

原文:https://www.cnblogs.com/pylf/p/14892149.html

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