AntDesign3.x中是否有办法拖动Modal组件？
创始人
2024-11-07 12:00:32
0次

是的，可以通过引入 react-draggable 库来实现拖拽 Modal 组件。具体做法如下：

  1. 安装 react-draggable 库。

npm install react-draggable --save

  1. 在 Modal 组件周围套上 Draggable 组件，设置 Draggable 组件的 bounds 属性以保证拖拽范围与 Modal 组件相同。

import Draggable from 'react-draggable';

Content

  1. 根据需要通过 CSS 设置拖拽时的样式，比如设定 div.react-draggable-dragging 的 z-index 为 1000。

.react-draggable-dragging { z-index: 1000; }

注意，如果使用了 Ant Design 4.x 版本以上，则无需引入 react-draggable 库，Modal 组件默认支持拖拽。

上一篇：AntDesign3.1.18在IE11下的日历功能存在哪些问题？如何解决该问题？

下一篇：Antdesign4.20新菜单项样式

相关内容

热门资讯

教你透视!pokemmo手机脚... 教你透视!pokemmo手机脚本辅助器!切实是真的有辅助插件(有挂教学)-哔哩哔哩运pokemmo手...
科普透视！wepoker脚本，... 科普透视！wepoker脚本，hhpoker到底可以作必弊吗，经验教程（有挂秘笈）-哔哩哔哩1、游戏...
关于透视!约局吧德州透视!果然... 关于透视!约局吧德州透视!果然有辅助技巧(真的有挂)-哔哩哔哩1、这是跨平台的约局吧德州透视轻量版有...
必备透视！pokemomo辅助... 必备透视！pokemomo辅助工具，wejoker开挂，方式教程（真是有挂）-哔哩哔哩1、pokem...
有挂透视!poker worl... 有挂透视!poker world辅助器!确实一直总是有辅助工具(有挂技巧)-哔哩哔哩poker wo...
普及透视！hhpoker是内部... 普及透视！hhpoker是内部控制吗，wepoker如何设置透视，法门教程（真的有挂）-哔哩哔哩1、...
解迷透视!epoker透视底牌... 解迷透视!epoker透视底牌!总是有辅助技巧(有挂存在)-哔哩哔哩1、超多福利：超高返利，海量正版...
总结透视！aapoker透视脚... 总结透视！aapoker透视脚本，wepoker安装教程，绝活教程（有挂实锤）-哔哩哔哩在进入wep...
必备透视!pokemmo脚本辅... 必备透视!pokemmo脚本辅助!竟然真的有辅助神器(有挂技巧)-哔哩哔哩1、在pokemmo脚本辅...
揭幕透视！wepoker养号规... 揭幕透视！wepoker养号规律，hhpoker透视方法，经验教程（确实有挂）-哔哩哔哩1、这是跨平...