vue3使用antdesignOfvue组件库的Spin 与modal时，使spin覆盖modal

你可以在使用Spin组件时，将其作为Modal组件的子组件，这样Spin组件就可以覆盖Modal组件。具体实现可以按照以下步骤进行：

1. 在需要使用Modal组件的地方，引入Spin组件并注册：

import { Spin } from 'ant-design-vue';

export default {
  components: {
    Spin,
  },
  // ...
}

2. 在Modal组件中，使用Spin组件作为其子组件，并设置Spin组件的样式为覆盖整个Modal组件：

<template>
  <a-modal v-bind="$attrs" v-on="$listeners">
    <spin
      class="modal-spin"
      tip="Loading..."
      size="large"
    >
    </spin>
    <div class="modal-content">
      <!-- Modal内容 -->
    </div>
  </a-modal>
</template>

<style>
.modal-spin {
  position: absolute;
  top: 50%;
  left: 50%;
  transform: translate(-50%, -50%);
  z-index: 9999;
}
</style>

3. 根据具体情况，调整Spin组件和Modal组件的样式，以达到覆盖Modal组件的效果。

这样，在Modal组件加载数据时，Spin组件就会覆盖在Modal组件上方，提示用户正在加载数据。等到数据加载完毕后，再将Spin组件隐藏或移除即可。