Skip to content

布局组件

用于控制页面或表单的布局结构。它们本身不一定承载业务数据,但会直接影响字段分布、阅读顺序和页面观感,因此在复杂表单里非常关键。

栅格布局

将页面划分为等宽的列,支持响应式设计,适配不同屏幕尺寸。对于需要多列并排展示的场景,通常会和工具栏中的快速布局、工作区中的拖拽调整一起配合使用。

栅格布局

表格布局

表格布局功能使用户能够以更加灵活和直观的方式组织和设计表单内容,具体特性包括:

  • 表格布局支持:用户可以使用表格布局将表单内容按行和列组织起来,使表单结构更加整齐和清晰。
  • 单元格合并:支持合并单元格功能,用户可以根据需要将多个单元格合并成一个,以创建更复杂的布局。
  • 添加单元格:用户可以方便地添加新的行或列,以扩展表格的布局和表单内容。
  • 删除单元格:支持删除不需要的行或列,灵活调整表格布局。

行内布局

将多个组件水平排列,节省垂直空间。

盒子布局

盒子布局功能提供了多种布局选项,允许用户灵活地组织和设计表单内容,具体特性包括:

  • 行内布局 (Inline Layout):组件按照行内元素排列,可以在同一行内显示多个组件,类似于文字的排列方式。
  • 块布局 (Block Layout):组件按照块元素排列,每个组件独占一行,可以进行逐行布局,适合更大范围的组件排列。
  • 行内块布局 (Inline-Block Layout):组件排列既具有行内元素的特点,又保留块元素的特性,可以在同一行内显示多个块元素。
  • 弹性盒子布局 (Flexbox Layout):使用弹性盒子布局,支持更加复杂和灵活的布局方式,可以方便地进行水平和垂直方向上的排列和对齐。

标签页

将内容分页展示,支持切换不同标签页。适合把同一张表中的不同主题信息拆成多个页签,减少一次性展示的密度。

间距

调整组件之间的垂直或水平间距,提升布局美观性。

卡片

将内容封装为卡片形式,支持阴影、圆角等样式。常与标题、说明文字、按钮等辅助组件组合使用,让内容分组更清晰。

折叠面板

可折叠的内容区域,节省空间,支持展开与收起。

描述列表

以键值对形式展示内容,例如术语解释、参数说明。

如果你希望把常见布局组合沉淀为可复用资产,而不是每次手工搭建,可以继续查看组件模板扩展模板