本文介绍布局类组件的使用场景。

容器(block)

用于承载多个组件的父级组件。

分栏(columns)

一种高级的容器组件,可将页面划分为两栏或者多栏,每一栏都可以拖入其它组件,以便应对各种布局场景。

  • 布局:默认提供十种分栏方式,并且允许用户自定义分栏。
  • 自定义比例:用户可以自定义分栏的比例,总份数为24,比例相加必须为24。例如12:12,6:18,3:21。
  • 分栏间隔:设置分栏之间的间隔。PC端为左右间隔,移动端如果为VERTICAL排列方式,为上下间隔。
  • 响应式判断范围:设置分栏在响应式模式下的分行判断范围。
  • 移动端排列方式:有两种排列的方式,横向排列和纵向排列。
  • 多端显示:设置显示设备。

选项卡(tabsLayout)

设置选项的模块。每个选项卡代表一个活动的区域。

  • 选项:设置选项卡的名字,可以添加多个选项并且在选项的右上角提供交表来标记状态。
  • 样式:选项卡提供了三种页签样式。其中移动端仅支持第二种样式。
  • 多端显示:设置显示设备。

分组(groupLayout)

将不同品类的场景进行划分成组,有利于区分辨识。

  • 标题:设置分组的名字。
  • 多端显示:设置显示设备。