素材巴巴 > 程序开发 >

Ant Design Vue Modal 模态框位置调整

程序开发 2023-09-06 08:20:40

问题描述

有一个功能已经实现的需求,是点击了一个按钮,弹出了如下模态框:
在这里插入图片描述
这里看到的就是点击按钮之后用户看到的效果,了保持模态框在用户视野范围内,我钻研如何调整显示的位置。

实现步骤

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

模态框有一个属性如下(官方文档上的介绍):
在这里插入图片描述
写法如下:
在这里插入图片描述
最终实现了自己想要的效果,如下:
在这里插入图片描述
开心,哈哈。


标签:

素材巴巴 Copyright © 2013-2021 http://www.sucaibaba.com/. Some Rights Reserved. 备案号:备案中。