跳到主要内容
版本：Next

8.1.2.10、循环卡片

8.1.2.10.1、适用场景​

图表样例适用场景
循环卡片
image-20250228161540193
支持关联数据集以卡片形式循环展示，‌并允许自定义卡片的样式和布局

8.1.2.10.2、使用流程​

1）添加循环卡片组件，关联数据表，并选择需要展示的字段作为维度；

注：支持数据管理、互联管理、变量历史归档、变量当前值；

image-20250306141152481

2）创建模板页面，在模板页面将页面动态部分定义为页面参数；组态时引用页面参数；

image-20250306141303222

3）循环卡片组件关联模板页面，并关联模板页面中的页面参数，进行传参；

image-20250306141205817

4）此时，循环卡片组件会根据关联表的数据条数显示卡片个数，并根据关联表数据显示各个卡片的动态部分；

image-20250306141102246

image-20250306141036121

8.1.2.10.3、样式配置​

image-20250304174710011

卡片外观​

常规/悬浮/选中样式：可配置卡片三种状态下展示的背景、边框、阴影、圆角、边距、不透明度

布局设置​

行/列间距：可配置每个卡片之间的行/列间距