pagination.md
组件 · COMPONENT

分页 Pagination

26px 方格：当前页墨底白字，其余 .14 描边，省略号不加框。页数多时只留首页、末页和当前页前后各一页。

来源提炼自 AdmDesign 样张 · ui 为源源Pagination.jsx源extracted.css机读components/pagination.md
点一下试试
import { useState } from 'react'
import { Pagination } from './extracted/Pagination.jsx'

export default function PaginationDemo() {
  const [page, setPage] = useState(1)
  return <Pagination page={page} total={12} onChange={setPage} />
}
第 6 页 / 共 12 页
import { Pagination } from './extracted/Pagination.jsx'

export function Static() {
  return <Pagination page={6} total={12} />
}

属性

属性取值默认说明
pagenumber1当前页（从 1 开始，受控）
totalnumber1总页数；≤ 7 全部显示
onChange(page) => void—翻页回调，已夹在 1…total 之间