卡片 · card-paginate 分页内容
卡片家族
索引
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-paginate:网格三行布局(head / body / foot),body overflow:auto——引擎在 body 内作无限滚动分页(滚动到底自动加载下一页数据)。
结构
<div class="card card-paginate">
<div class="card-head">数据流</div>
<div class="card-body">
<!-- 引擎按页追加条目 -->
</div>
<div class="card-foot">
<span class="label label-tips label-small">状态栏 / 加载提示</span>
</div>
</div>
| .card-body | overflow:auto 滚动容器,滚动触底触发加载 |
| data-* | 每页条数与请求参数由引擎读取(如 data-page / data-limit) |
| .card-foot | 加载状态 / 计数区(max-content 行) |
参数与注意
注意: 基类要求父级有确定高度(
height:100% + 绝对铺满);页面内不裸渲染,滚动加载完全交给引擎。列表类展示请用 card-table + pager 组合。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI ·
返回首页