分页组件

凡拓数创数字孪生 2025年6月3日 15:38

收藏文档

分页组件用于分割长列表，当加载数据量过大时，可应用分页组件进行页码切割展示，每次只加载一个页面，方便数据浏览查看。
效果案例：

![](/media/202506/2025-06-03_153430_4169620.8704837203453684.png)
## 样式
在样式中可以设置组件的基本属性、全局、样式、搜索框属性。
### ①基本属性

![](/media/202506/2025-06-03_153448_7297380.3964226003411938.png)
位置尺寸：
位置包括组件的横坐标和纵坐标，单位为px；横坐标为组件左上角距离页面左边界的像素距离，纵坐标为组件左上角距离页面上边界的像素距离。尺寸包括组件的宽度和高度，单位为px；可单击比例锁锁定组件宽高比，等比例调整组件的宽高，比例锁默认不锁定。
### ②全局
在全局配置中可以调整组件页码的对齐方式、尺寸、项间距。

![](/media/202506/2025-06-03_153503_8435990.10082308819305574.png)
### ③样式
更改分页组件中文本样式、背景、描边。

![](/media/202506/2025-06-03_153523_6483490.8074209542564377.png)
## 数据

![](/media/202506/2025-06-03_153541_0774850.7323672041185203.png)
## 交互
### 载入动画
载入动画选择无时，则组件没有载入动画。提供移入、划变三种组件载入动画。

![](/media/202506/2025-06-03_153559_4628720.40799433146905484.png)

| 配置项  | 说明                                                   |
|------|------------------------------------------------------|
| 渐隐渐现 | 启用是                                                  |
| 速率   | 匀速、慢快慢(cubic-bezier(0.25,0.1,0.25,1))、低速开始、低速结束、低速开始 |
|      | 和结束(cubic-bezier(0.42,0,0.58,1))                     |
| 方向   | 方向 动画方向                                              |
| 持续时间 | 载入动画持续时间，单位为ms                                       |
| 延时   | 载入动画延时长，单位为ms                                        |
### 回调参数
回调参数即为全局性的参数变量，用于控制组件之间参数的传递，可通过设置回调参数来实现数据驱动交互。 其中，字段值即参数变量，变量名即对字段值的重命名。

![](/media/202506/2025-06-03_153636_4320930.8450953288976375.png)
### 自定义事件
简单而言，自定义事件通过事件类型+条件去控制其他组件的不同状态。 自定义事件为「交互事件」的增强模块，支持通过数据驱动组件状态、或变更组件样式配置等等。

![](/media/202506/2025-06-03_153731_4136230.3391085799176853.png)