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