1. 首页
  2. 卡片 Card
  3. card-multipled 多选迁移

卡片 · card-multipled 多选迁移

卡片家族 索引 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
多选迁移卡：上中下网格布局，body 内左侧可选清单 + 中间迁移箭头 + 右侧已选清单（card-multipled-selectall / echangebox / selectalled），foot 为确认区，常见于角色授权/字段分配。
本页内容 双栏迁移

双栏迁移

分配权限
权限A
权限B
？ ？
权限C
<div class="card card-multipled"> <div class="card-head">分配权限</div> <div class="card-body"> <div class="card-multipled-selectall"> <div class="card-multipled-item">权限A</div> </div> <div class="card-multipled-echangebox text-c"> <span class="card-multipled-selectnone label label-index">？</span> <span class="card-multipled-selectany label label-index">？</span> </div> <div class="card-multipled-selectalled"> <div class="card-multipled-item">权限C</div> </div> </div> <div class="card-foot">按钮区</div> </div>
上一张（循环） card-pager 分页条
下一张 card-menubar 菜单条
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页