antd of vue中a-modal怎么给a-modal-body弹窗设置指定背景色,并且实现样式穿透
时间: 2024-03-19 15:46:02 浏览: 268
给view添加背景色
你可以在 a-modal-body 上设置 `class` 或 `style` 属性,然后在 CSS 中用穿透选择器来设置背景色。例如:
```
<a-modal>
<a-modal-body class="custom-body">Modal content</a-modal-body>
</a-modal>
<style scoped>
.custom-body {
background-color: #f0f0f0;
}
::v-deep .ant-modal-content .custom-body {
background-color: #f0f0f0;
}
</style>
```
在上面的代码中,我们给 a-modal-body 添加了一个自定义的 `class`,然后在 CSS 中使用了 `::v-deep` 穿透选择器来覆盖 antd 的样式。
注意,穿透选择器 `::v-deep` 可能会被废弃,建议使用 `>>>` 或 `/deep/` 代替。
阅读全文