📚 分栏组件参数说明

📚 分栏组件参数说明 📚 分栏组件参数说明 使用场景 支持以行 / 列形式自定义布局展示 使用示例 Code block HTML Copy <row <col flex=1 内容1 </col <col flex=2 内容2 </col </row Code block HTML Copy <row horizontalSpacing='4px' <col flex='24px' verticalAlign='center' </col <col flex=1 verticalAlign='center' John Doe </col <col flex=2 <button type="primary" width="fill" action="navigate" url="https://www.feishu.cn" 🌟 Follow Me 🌟</button </col </row 组件属性说明 Row 属性 类型 必填 默认值 说明 horizontalSpacing string 否 8px 按 “xxxpx” 声明列容器的水平间距。取值范围为 [0px, 28px] 的整数。 Col 属性 类型 必填 默认值 说明 flex auto | string | number 否 1 列宽度定义： 1. number： 表示当前列的宽度占比，取值范围 [1, 5] 2. 固定宽度：按 “xxxpx” 声明该列的宽度 3. auto：列宽度与列内元素一致 verticalAlign top | center | bottom 否 top 列容器垂直居中的方式。可取值： • top：上对齐 • center：居中对齐 • bottom：下对齐 使用场景 支持以行 / 列形式自定义布局展示 使用示例 Code block HTML Copy <row <col flex=1 内容1 </col <col flex=2 内容2 </col </row Code block HTML Copy <row horizontalSpacing='4px' <col flex='24px' verticalAlign='center' </col <col flex=1 verticalAlign='center' John Doe </col <col flex=2 <button type="primary" width="fill" action="navigate" url="https://www.feishu.cn" 🌟 Follow Me 🌟</button </col </row Code block HTML Copy <row <col flex=1 内容1 </col <col flex=2 内容2 </col </row Code block HTML Copy <row horizontalSpacing='4px' <col flex='24px' verticalAlign='center' </col <col flex=1 verticalAlign='center' John Doe </col <col flex=2 <button type="primary" width="fill" action="navigate" url="https://www.feishu.cn" 🌟 Follow Me 🌟</button </col </row 组件属性说明 Row 属性 类型 必填 默认值 说明 horizontalSpacing string 否 8px 按 “xxxpx” 声明列容器的水平间距。取值范围为 [0px, 28px] 的整数。 属性 属性 类型 类型 必填 必填 默认值 默认值 说明 说明 horizontalSpacing horizontalSpacing string string 否 否 8px 8px 按 “xxxpx” 声明列容器的水平间距。取值范围为 [0px, 28px] 的整数。 按 “xxxpx” 声明列容器的水平间距。取值范围为 [0px, 28px] 的整数。 Col 属性 类型 必填 默认值 说明 flex auto | string | number 否 1 列宽度定义： 1. number： 表示当前列的宽度占比，取值范围 [1, 5] 2. 固定宽度：按 “xxxpx” 声明该列的宽度 3. auto：列宽度与列内元素一致 verticalAlign top | center | bottom 否 top 列容器垂直居中的方式。可取值： • top：上对齐 • center：居中对齐 • bottom：下对齐 属性 属性 类型 类型 必填 必填 默认值 默认值 说明 说明 flex flex auto | string | number auto | string | number 否 否 1 1 列宽度定义： 1. number： 表示当前列的宽度占比，取值范围 [1, 5] 2. 固定宽度：按 “xxxpx” 声明该列的宽度 3. auto：列宽度与列内元素一致 列宽度定义： 1. number： 表示当前列的宽度占比，取值范围 [1, 5] 2. 固定宽度：按 “xxxpx” 声明该列的宽度 3. auto：列宽度与列内元素一致 verticalAlign verticalAlign top | center | bottom top | center | bottom 否 否 top top 列容器垂直居中的方式。可取值： • top：上对齐 • center：居中对齐 • bottom：下对齐 列容器垂直居中的方式。可取值： • top：上对齐 • center：居中对齐 • bottom：下对齐