多个el-dialog嵌套后 .el-dialog_body样式如何根据不同el-dialog区分设置
时间: 2023-10-02 07:14:11 浏览: 217
多种样式对话框
可以通过给每个 `el-dialog` 组件添加一个不同的 `class`,然后使用该 `class` 来区分设置不同的样式。
例如,假设你有两个 `el-dialog` 组件,一个是 `dialog-1`,另一个是 `dialog-2`,你可以给它们分别加上不同的 `class`:
```html
<el-dialog class="dialog-1">
...
</el-dialog>
<el-dialog class="dialog-2">
...
</el-dialog>
```
然后在 CSS 中,你可以通过选择器来对不同的 `el-dialog` 组件进行不同的样式设置:
```css
.dialog-1 .el-dialog__body {
/* 设置 dialog-1 中 el-dialog__body 的样式 */
}
.dialog-2 .el-dialog__body {
/* 设置 dialog-2 中 el-dialog__body 的样式 */
}
```
这样就可以根据不同的 `class` 区分设置不同的样式了。
阅读全文