ant-design-vue对话框的dialogClass用法

ant-design-vue对话框的dialogClass用法是用于自定义对话框的样式类名称。它可以被用来设置对话框的样式，例如设置背景颜色、字体颜色等等。

使用方法如下：

<template>
  <a-button type="primary" @click="showModal">
    Open Modal
  </a-button>
  <a-modal
    title="Basic Modal"
    :visible="visible"
    :dialogClass="['my-custom-dialog-class']"
    @cancel="handleCancel"
    @ok="handleOk"
  >
    <p>Some contents...</p>
    <p>Some contents...</p>
    <p>Some contents...</p>
  </a-modal>
</template>

<script>
export default {
  data() {
    return {
      visible: false,
    };
  },
  methods: {
    showModal() {
      this.visible = true;
    },
    handleOk() {
      this.visible = false;
    },
    handleCancel() {
      this.visible = false;
    },
  },
};
</script>

<style>
.my-custom-dialog-class {
  background-color: red;
  color: white;
}
</style>

在上面的示例中，我们定义了一个名为`my-custom-dialog-class`的样式类，并将其传递给对话框的`dialogClass`属性。这将导致对话框的背景颜色变为红色，文字颜色变为白色。