卡片 · card-drag 拖拽卡
卡片家族
索引
base
cpanel
crumb
full
page
border
radius
api
artic
namecode
imgs
tips
total
default
box
checkbox
form
form-item
form-inpselect
table
pager
multipled
menubar
mode
menus
tabmenu
code
json
template
tab
slide
paginate
tree
toggle
marquee
timeaxis
waterfall
popup
nav
chatbox
drag
choose
progress
roll
拖拽卡
card-drag：可拖列表容器——条目 drag-item 主色浅底 + cursor:move + 下方 0.5rem 间距，按下转主色底、拖拽中半透明 + 主色描边；接收区 drag-box.dragfocus 高亮。
本页内容
列表项示例
列表项示例
待办 A
待办 B
待办 C
<div class="card card-drag drag-box">
<div class="card card-drag drag-item">待办 A</div>
<div class="card card-drag drag-item">待办 B</div>
</div>
| drag-item | 可拖条目：浅主色底，active 转主色、拖拽中 opacity .4 + 主色投影 |
| drag-box.dragfocus | 接收高亮：0 0 3px 主色光晕 |
| drag-item:last-child | 底部间距归零，条目间距仅靠 margin-bottom |
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页