分页Pagination
页面导航把大量内容分成多页，并通过页码前后切换
分页适合订单、搜索结果和后台表格等需要返回、定位和分享的位置。它要显示当前页与总量，并把页码同步到网址；连续浏览的信息流可以考虑加载更多。
‹
…
10
›
什么时候用
- 长表格 / 订单列表，一页一页翻着看#1024已支付#1025待发货‹123…9›
- 搜索结果成百上千条，按页消化找到 2,431 条结果‹123…122›
- 需要记住位置，下次还能翻回来‹456…20›看到第 5 页，下次接着翻
- 数据量大，按页加载减轻前后端压力每页 20 条‹12›
什么时候不用
- 内容只有一页 → 分页条纯属多余‹1›就一页，分页给谁看？
- 信息流想让人一直刷 → 用无限加载，别用翻页打断‹123›连续浏览的信息流，被翻页操作反复打断
- 几百页页码全部铺开不加省略号‹123456789›
- 只是切换同页的几个分类 → 用 标签页 Tabs全部待付款已完成这是分类切换，用标签页
组成结构 · Anatomy
‹
1
2
…
10
›
1翻页按钮Prev / Next‹ › 前后翻页，翻到顶会置灰
2页码PageItem当前页高亮，点击直达对应页
3省略号Ellipsis页数太多时折叠中间的页码
常见变体 · Variants
基础分页Basic
‹123…10›
页数多、需要直接跳到某一页
简洁分页Simple
‹3 / 12›
空间紧张,只要前后翻页就够
迷你分页Mini
‹123›
弹窗、小卡片里地方很小的分页
典型使用场景
订单列表翻页
全部订单
#20260718无线降噪耳机已完成¥899
#20260717机械键盘 87 键配送中¥329
共 128 条
‹123…13›
搜索结果浏览
找到约 2,431 条结果（0.32 秒）
2026 年最值得买的十款无线耳机
降噪耳机怎么选？看懂这三个参数
‹123…122›
数据表格按页加载
成员角色状态
林小狐管理员在线
陈一编辑离线
每页 20 条 · 共 342 条
‹123…18›
博客文章列表
山系生活：周末徒步装备清单
阅读 3.2k · 3 天前
我的极简工作台搭建记录
阅读 1.8k · 上周
‹123›