基于ant-design-vue中对话框让a-modal从右侧滑出来

在Ant Design Vue (Vue版 Ant Design) 中，`a-modal` 是一个用于创建模态窗口组件，你可以通过调整其默认的位置属性来让它从右侧滑入。要让 `a-modal` 从右侧显示，你需要在组件的配置选项中设置 `fullscreen` 属性以及 `offset` 属性。

1. 设置 `fullscreen` 为 `true`，这将启用全屏模式。
2. 使用 `offset` 来指定模态框相对于屏幕边缘的距离，比如 `right: '20px'` 或者其他的像素值，使其向右偏移。

下面是一个示例代码：

<template>
  <a-modal :fullscreen="true" :visible.sync="modalVisible" :offset="{'right': 20}" @onShow={showModal}>
    <!-- 模态内容 -->
    <div slot="body">
      ...
    </div>
  </a-modal>
</template>

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

在这个例子中，当调用 `showModal` 方法时，`a-modal` 将会从屏幕右侧以全屏模式滑出。