elementUI dialog弹框样式修改

今天遇到需求，须要修改elementUI dialog弹框样式。

 

为了不对全局样式形成污染（不少时候咱们不但愿整个页面的el-dialog样式都被修改，若是不加类选择器，会形成全部el-dialog的样式变化）：

在el-dialog模态框上，新增一个自定义的class（这里是myPicShowDialogClass）：

<el-dialog :visible.sync="imgVisible" width="1080px" class="myPicShowDialogClass">
    <div align="center">
        <img :src="dialogImgUrl" class="image" width="100%" @error="imgUrlDefault">
    </div>
</el-dialog>

而后再经过类名，为el-dialog赋予样式。

.myPicShowDialogClass .el-dialog__header {
    padding: 0;
}

.myPicShowDialogClass .el-dialog__body {
    padding: 0;
}