卡片 · card-table 表格容器
卡片家族
索引
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 横向可滚（
overflow-x:auto）、内部 table 自动 100% 宽；foot 内置分页条区（描述 / 页码框 / 翻页条），是后台列表页的标准外壳。
列表页外壳
<div class="card card-table">
<div class="card-head">订单列表</div>
<div class="card-body">
<table class="table table-simple">...</table>
</div>
<div class="card-foot">
<span class="label label-tips label-small table-pager-desc">共 2 条</span>
<ul class="table-pager-ul">
<li><a class="label label-canclick">下一页</a></li>
</ul>
</div>
</div>
foot 分页区结构
| table-pager-desc | 「共 N 条」描述，flex:auto 占左 |
| table-pager-pagecountbar / pagerbar | 页码跳转栏（内嵌 input 主色边） |
| table-pager-ul | 上/下一页按钮列表 |
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页