1. 首页
  2. 卡片 Card
  3. card-pager 分页条

卡片 · card-pager 分页条

卡片家族 索引 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-pager 内 ul 数字分页（激活项高亮），pager-style-1 圆角胶囊分页、pager-style-2 方块分页；纯 CSS 展示，交互由业务 JS 接管。
本页内容 默认分页条 style-1 / style-2 变体

默认分页条

<div class="card card-pager"> <ul> <li><a class="label label-canclick">上一页</a></li> <li class="active"><a class="label label-canclick">1</a></li> <li><a class="label label-canclick">下一页</a></li> </ul> </div>

style-1 / style-2 变体

<div class="card card-pager pager-style-1"><ul>...</ul></div> <div class="card card-pager pager-style-2"><ul>...</ul></div>
上一张（循环） card-table 表格容器
下一张 card-multipled 多选迁移
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页