如何实现这种知乎收缩分页呢？

Question

先上图(知乎效果)

后台给我json

{
    "newe_page":1, //当前页面
    "page_count":52, //页面总数
}

求如何实现上图所示的效果，就解答

Answer 1

页面总数都知道了，就可以画出所有的页数，1,2,3,4,5,6,...,n，还可以知道需不需要加省略号，比如知乎的规则是总数大于5就加；

当前页数知道了，就可以决定那个数字变成灰色，还可以知道加不加“上/下一页”；

页面总数和当前页数都知道了，就可以知道要在哪里加省略号。

至此，所有的需求都实现了。

Answer 2

分页组件已经很成熟了，个人觉得没必要重复造轮子。