笔记day8
文章目录
- 1 分页器封装原理
- 2 对于分页器，当前页在中间
- 3 分页器情况需要考虑
- 4 特殊情况考虑进来【假设共33页】
- 5 数据解释【售卖属性】
1 分页器封装原理
- 当前是第几页：pageNo
- 分页器一共需要展示多少条数据：total
- 每一页需要展示数据的个数：pageSize --【总共多少页】
- 连续的页码数5|7：continues
2 对于分页器，当前页在中间
3 分页器情况需要考虑
- 连续页码数为5，暗含条件：分页器至少五页
4 特殊情况考虑进来【假设共33页】
- pageNo = 1 | 2
- pageNo = 33 | 32
5 数据解释【售卖属性】
[
{
attr: '颜色',
attrValue: ['粉色', '蓝色', '红色']
},
{
attr: '版本',
attrValue: ['16G', '32G']
}
]