1. 首页
  2. 卡片 Card
  3. card-paginate 分页内容

卡片 · card-paginate 分页内容

分页内容卡 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-bodyoverflow:auto 滚动容器,滚动触底触发加载
data-*每页条数与请求参数由引擎读取(如 data-page / data-limit)
.card-foot加载状态 / 计数区(max-content 行)

参数与注意

注意: 基类要求父级有确定高度(height:100% + 绝对铺满);页面内不裸渲染,滚动加载完全交给引擎。列表类展示请用 card-table + pager 组合。
KuoqiUI v2.00 · 离线静态文档 · 界面基于 KuoqiUI · 返回首页