快速实现-简单分页器(上)

本文介绍了如何快速实现一个简单的分页器,包括不同情况下的页码展示策略,如当前页码接近首页或尾页时的处理,并讨论了如何灵活调整显示页码的数量,以适应更多需求。
摘要由CSDN通过智能技术生成

首先形形色色的分页器大家肯定都看过,这一次就快速实现一个简单的分页器,应该不会耽搁太久吧~

先来看一下简洁布局:
image.png

瞜一眼这布局:

  1. 页码数量总共只有9
  2. 当足够显示所有页码的情况就全部显示了

那么问题来了,如果不够呢?

  1. 第一种情况
    image.png
  2. 第二种情况
    image.png
  3. 第三种情况
    image.png

正点:

  1. 总共只能显示九个页码
  2. 当不够的是则显示省略号
  3. 最主要的是省略号的位置,而省略号的位置由取决于当前页码处于哪里
    3.1 当前页码接近首页时, 则小于等于 7, 省略号靠近尾页
    3.2 当前页码接近尾页时,则大于等于尾页 - 7,省略号靠近首页
    3.3 当以上不成
评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值