1 min read

翻页组件

放假期间,在用 react.js 写一个翻页组件,于是就考察了些网站,看它们的翻页组件是怎么做的。

  1. Google

    [resp_image id=’17545′ caption=” ]

  2. Bing

    [resp_image id=’17547′ caption=” ]

  3. nngroup

    [resp_image id=’17548′ caption=” ]

我怀疑它们是商量好了。

最早,我仿照它们做了一个,后来,又加上显示总页数的功能:

[resp_image id=’17551′ caption=” ]

但我又在揣测,为什么它们不显示总页数?

是否是因为数字太大已然失去了意义?比如 Google 中搜索 hello,能找到约 841,000,000 条结果,如果一页显示 10 条,则按我的设计,页码最末会显示 2 / 84100000。这么大的数字,对用户已经失去意义,所以不如剔除。界面上还显得干净,易于布局。

报告问题 修订