组件 · 任务
KanbanCard
看板视图里的任务卡片,配合 KanbanColumn 分栏使用。
调用方提供:与 TaskRow 相同的任务字段,另加 cover(显示封面图;产品里传图片地址,预览里用授权确认页的示意图)、progress(0–100,来自检查清单)、dragging(拖动中的样式)。KanbanColumn 传 title、count(如 3 / 4,有 WIP 上限时写成分数)和卡片(children)。
三种风格下的差异
- 青藤:浅灰分栏,白卡片加细边框和柔和投影;拖动时卡片歪 2°、投影加深。
- 萌虎:分栏和卡片都有墨线;拖动时歪 3°;进度条是带描边的胶囊。
- 像素:分栏有标题栏,卡片直角;拖动时不歪,改成琥珀色描边。
规则:封面高 92px,按 object-fit: cover 裁切;没有封面时不留空白。卡片上最多 2 个标签;看板卡片也只在 3 及以上显示优先级。拖动必须有键盘替代(Shift H / Shift L)。