梧桐设计语言v0.4.1

分页Pagination

分页在表格底部右侧,左侧显示「第 1–20 条,共 156 条」(meta)。页码按钮 28×28、radius-sm,当前页 secondary 底 + 500 字重(不用主色),前后箭头用 chevron-left / right。超过 7 页折叠为「1 … 5 6 7 … 8」。


  • 每页 20 条固定;提供「每页 50」切换只在管理型页面。
  • 移动端不用分页,无限滚动 + 底部「已加载 40 / 156」。
  • 数字等宽。

消费者提供:当前页、总数、每页条数。

示例

import
import { Pagination } from "@wutong/ui";

分页

当前页 secondary 底不用主色;超过 7 页折叠

API

属性类型默认说明
page / onChangenumber / (p) => void受控,从 1 开始
total / pageSizenumberpageSize 20总条数与每页