antd of vue中a-modal怎么设置透明背景
时间: 2024-03-19 13:44:49 浏览: 268
参考了_vue-element-admin_与_ant-design-vue-pro__等优秀的开源_vue-ant
在antd of vue中,a-modal组件的背景可以通过设置maskStyle属性来实现透明背景。具体的代码如下:
```html
<a-modal
title="标题"
v-model:visible="visible"
:maskStyle="{backgroundColor:'rgba(0, 0, 0, 0.5)'}"
>
内容
</a-modal>
```
其中,maskStyle属性用来设置遮罩层的样式,通过设置backgroundColor属性为rgba(0, 0, 0, 0.5)来实现半透明的效果。你可以根据需要来调整透明度。
阅读全文