002 自然的分页器

一、解决问题

分页器是网页中必不可少的一种组建，多用于页面列表的下方，为用户提供页面指示与快速翻页操作。在该组件由页码链接、左右切换符、当前页码指示、跳转页面、页面显示数量组成。
当用户需要快速翻页进行页面内容浏览时，需要点击左右切换符来切换页面或在跳转页面输入框中输入数字，该操作都是精确的页面显示，切造成操作繁琐，无法满足用户快速浏览目的。

二、核心流程

Ant Design与Semi Design组件中分别提供了两种不同的解决方案，2种方案的是基于组件中的省略号。当列表数量过多时，为了减少组件的占符面积会用省略号来表示前后省略的内容。
Ant Design，当用户鼠标移动到省略号上是会显示快速切换符号“《”，点击后完成翻页器页码的翻页。

Semi Design，当当用户鼠标移动到省略号上是会以下拉框显示省略的号码，可通过鼠标快速完成页面跳转。

三、新路说

该方案通过改进就帮助其更快、更自然的地完成批量切换、页面跳转等分页器的功能，提升了用户体验。该交互让我看到了好的创新往往是基于“框架内”的。如此不起眼的一个省略号，都可以做出惊人的创意。