← 返回 Web 词条

分页指示点

Web需自己实现

Web 原生没有这个

网页没有原生分页圆点组件,需要与轮播或分页逻辑一起实现,并为当前页提供可读状态。

通常怎么做:使用按钮或状态文本;若圆点可点,每个点必须有明确的页码名称和焦点状态。

适用范围:桌面与移动端现代浏览器

社区一般叫它 Page Indicator · Pagination Dots

它用一排短小标记显示当前位于一组页面中的第几页,并提示还有多少页。

  • 图片下面表示第几张的几个小点
  • 滑一页亮一个点的那排圆点
  • 告诉我还剩几页的小圆点
  • 页面指示器
  • 轮播圆点
  • 分页圆点

其他平台的相似实现

Android需自己实现
该平台没有原生实现

通用 Material 3 没有独立分页圆点组件,分页容器和指示器需要自行组合。

看 Android 视角 →

使用规范

什么时候用

  • 页面数量不多、顺序固定,用户通过横向滑动逐页浏览

什么时候别用

  • 页面很多、每页需要直接访问,或圆点小到无法辨认和操作

容易混淆

Web 出处

查看 Web / iOS / Android 完整对照 →