返回首页

拖拽缩放排序演示

使用 react-grid-layout 实现的专业级拖拽缩放排序功能演示

功能特点

拖拽排序

点击并拖拽卡片到新位置来重新排列

自由缩放

拖拽边缘和角落来调整卡片大小

响应式布局

自适应不同屏幕尺寸的网格布局

拖拽缩放演示区域

正在加载拖拽组件...

使用说明

拖拽操作:

  • • 点击并拖拽卡片来移动位置
  • • 拖拽右下角来调整大小
  • • 拖拽右边或下边来调整宽度或高度

技术特性:

  • • 基于 react-grid-layout 实现
  • • 支持响应式布局
  • • 实时布局状态更新