Ant Design Vue Modal 模态框位置调整

问题描述

有一个功能已经实现的需求，是点击了一个按钮，弹出了如下模态框：

这里看到的就是点击按钮之后用户看到的效果，了保持模态框在用户视野范围内，我钻研如何调整显示的位置。

实现步骤

Ant Design of Vue的官方文档：https://1x.antdv.com/docs/vue/introduce-cn/。

模态框有一个属性如下（官方文档上的介绍）：

写法如下：

最终实现了自己想要的效果，如下：

开心，哈哈。