设置物料插件的“列容器”组件属性
适用场景
“列容器”组件是流程页面布局的核心工具，专为多组件横向分栏展示设计，适用于以下场景：
- 需将多个子组件按横向分栏布局（如两列、三列等），实现内容分区展示。
- 需优化页面空间利用，通过并列布局提升信息密度与浏览效率。
- 需统一界面结构，使业务信息分组更清晰（如左侧展示表单、右侧展示操作区）。
通过灵活配置列数、间距及响应式规则，可显著提升页面的结构化程度与用户体验，让操作逻辑更直观。
基础信息
|
属性名 |
说明 |
支持变量绑定 |
|---|---|---|
|
组件名 |
列容器组件的名称，默认为“列容器”，不可修改。 |
× |
|
rel引用类 |
列容器组件的ID，系统自动生成，且不可修改。 |
× |
|
Style |
配置列容器组件样式，支持通过CSS代码自定义列容器组件的样式。 |
√ |
|
占据的列数 |
设置容器在页面栅格布局中所占的列数（最大为24）。数值越大，容器宽度越宽，用于控制其在横向布局中的占比。 |
√ |
|
左侧间隔格数 |
设置容器左侧与页面边界或其他组件之间的间隔列数（最大为23），用于调整左侧间距。 |
√ |
|
向左移动格数 |
设置容器相对于当前位置向左偏移的列数（最大为23），用于对齐或微调横向位置（例如贴近左侧组件）。 |
√ |
更多选项类型
|
属性名 |
说明 |
支持变量绑定 |
|---|---|---|
|
向右移动格数 |
设置容器向右偏移的栅格数（最大为23），用于微调横向位置（如向右移动2格远离左侧组件）。 |
√ |
|
≥1920px 响应式栅格数 |
当设备分辨率≥1920px时，设置容器占据的栅格数（最大为24）。如果多个选项同时满足，优先使用最大选项。 |
√ |
|
≥1200px 响应式栅格数 |
当设备分辨率≥1200px时，设置容器占据的栅格数（最大为24）。如果多个选项同时满足，优先使用最大选项。 |
√ |
|
≥992px 响应式栅格数 |
当设备分辨率≥992px时，设置容器占据的栅格数（最大为24）。如果多个选项同时满足，优先使用最大选项。 |
√ |
|
≥768px 响应式栅格数 |
当设备分辨率≥768px时，设置容器占据的栅格数（最大为24）。如果多个选项同时满足，优先使用最大选项。 |
√ |
|
<768px 响应式栅格数 |
当设备分辨率<768px（如手机端）时，设置容器占据的栅格数（最大为24），适配小屏展示。 |
√ |
高级配置
|
属性名 |
说明 |
支持变量绑定 |
|---|---|---|
|
是否渲染 |
在页面开发中，可能需要根据某些条件来动态显示或隐藏页面中的组件内容，您可以设置此配置项。
|
√ |
|
循环数据 |
表示需要循环渲染的数组。当页面存在若干份重复的、动态生成的内容时，您可以在高级面板中自定义循环数据。 |
√ |
|
迭代变量名 |
在循环渲染子项对应的变量名，默认为item。 |
× |
|
索引变量名 |
循环渲染的索引变量名，默认为index。 |
× |
|
key |
用于标识每个循环项的唯一键值，默认为index。建议根据实际需求选择一个更合适的字段作为唯一标识符，以提高性能和避免潜在问题。 |
× |
