发帖
雷达卡
编辑导语：在前一篇文章《B 端 UI 界面交互基础组件-输入框（下）》中，一起学习了 B
端“输入框”组件 UI 设计规范，其中包括“多行文本”、“下拉选择”；并从输入框组
件的需求场景、内容布局以及交互方式等方面对以上组件进行了详尽的规范描述；今天我
们继续介绍了 B 端“翻页控制”组件的交互规范。
一、常规翻页
1. 需求场景
需要对数据读取进行跳转。
2. 内容布局
1）布局分为：统计信息、翻页控制。
2）统计信息居右显示，包含已选择条目数量、总共条目数量、每页显示条目数。
使用场景中如不存在的选择行为，则不显示选择条目数：
如不允许变更每页显示条目数，则直接显示条目文本：
3）翻页控制按钮，支持同时显示 3 个跳转页码。
当页码小于 10 个时，不显示页码跳转输入框：
当前页码用选中状态标注：
当前页为第一页：当前页，当前页+1，当前页+2（总页数大于等于 3）：
当前页为最后一页：当前页-2（总页数大于等于 3），当前页-1：
其他：当前页-1，当前页，当前页+1。
4）跳转获取鼠标焦点时，显示页码跳转按钮。
3. 交互行为
切换每页显示条目 ...
京公网安备 11010802022788号
