antdesign的a-modal如何设置背景是透明

<a-modal
  v-model="visible"
  :footer="null"
  :closable="false"
  :bodyStyle="{ padding: 0 }"
  class='custom-body'
  wrapClassName="web-screen-modal-area"
>
  <div class='modal-body-area'>内容</div>
</a-modal>

是插入到body内，需要将样式写入到外部。

设置透明

.web-screen-modal-area{
  .ant-modal-content {
    background-color: transparent !important;
  }
}