调感觉
拖放
Drag & Drop
「拖来拖去的排序」「抓住卡片移动」「把东西拖进去」「拖拽上传那种」「长按拖动」
LIVE DEMO真实可交互，动手试试
拖拽排序
抓住卡片，拖到新位置
需求梳理
明确目标与范围
线框草图
摆结构与信息层级
视觉定稿
统一风格与细节
- 英文名
- Drag & Drop
- 别名 · 俗称
- 拖拽排序拖进去抓住移动拖放交互
- Web 叫法
- Drag & Drop
- 大白话定义
- 按住一个元素把它拖到别处放下，用来排序、归类、上传或移动内容。
- 部位拆解
- 可拖拽项 Draggable被抓起来移动的对象
- 放置区 Drop Zone允许把东西放进去的区域
- 占位反馈 Placeholder拖动过程中提示最终会落在哪
提示词已按当前平台组织好，复制粘贴给 AI 即可
Web
做一个拖放排序（Drag & Drop）列表：卡片支持拖拽换位，拖动时出现占位条，放下后顺序立刻更新
调试 Prompt组件不听话时用——把症状补在末尾一起发给 AI
调试我的拖放（Drag & Drop）。逐一排除：拖动时只移动了视觉，没有更新真实顺序；可放置区域没有高亮，用户不知道能不能放；鼠标和触屏手势只支持了一套；键盘用户完全无法完成重排。症状是：