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;
}