element-ui组件dialog弹窗样式重置
当在某个页面中需要对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; } }