分栏布局-分栏布局文档介绍内容-阿里云

分栏布局

分栏布局用于重新布局已添加控件的场景，将已有控件拖拽至分栏控件中即可。应用场景 分栏布局常用于对于表单已有控件进行重新布局的场景，使页面布局更加清晰美观。效果图控件配置基础配置配置项描述说明 ①布局比例（12:12）：分栏...

布局控件

分栏布局

概述

数据填报是专为业务的...用户多选布局控件 分栏布局 操作流程根据业务需求设计表单，并将表单写入到目标数据库中，请参见新建数据填报。新增或修改填报的数据，请参见管理数据。管理数据填报，请参见管理数据填报、管理数据填报列表。

填报控件

布局控件 分栏布局 用于重新布局已添加控件的场景，将已有控件拖拽至分栏控件中即可。基础操作添加控件在数据填报页面，可以通过拖拽或单击左侧控件来添加表单内容。复制控件单击控件右上角图标，即可在下方复制所选控件。删除...

自定义组件API

本文为您详细介绍自定义组件API。Lifecycle 自定义组件本质上是一个对象,其接口为：interface Lifecycle { bootstrap?LifecycleBootstrap;mount?LifecycleMount;unmount?LifecycleUnmount;update?LifecycleUpdate;} bootstrap 开机生命周期...

栅格

可选项如下：布局方式说明自适应布局栅格选择自适应布局时，内部分栏可以选择自适应宽度或自适应内容宽度。自适应宽度：根据栅格宽度和分栏数量自适应调整宽度。自适应内容宽度：根据分栏内容自适应调整分栏宽度。手动布局栅格选择手动...

横向分栏和纵向分栏

横向分栏和纵向分栏组件分别支持水平和垂直方向添加多个栏，是其他组件的容器，用于设置各组件在应用页面的相对布局位置。本文介绍横向分栏和纵向分栏组件的详细配置方法。步骤一：添加组件创建移动应用。具体操作，请参见创建移动应用。...

选项卡

（可选）添加分栏组件，进行应用页面布局设置，详细内容，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，输入选项卡，找到该组件，然后将组件拖拽到中间画布或画布中分栏组件的某栏中。说明每个选项卡对应一个栏，您可在该栏中...

实时曲线

（可选）添加分栏组件，进行应用页面布局设置，详细内容请参见横向分栏和纵向分栏。在画布左侧组件列表上方，输入实时曲线，找到该组件，然后将组件拖拽到中间画布或画布中分栏组件的某栏中。有关组件添加的详细内容，请参见添加组件。...

轮播图

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入轮播图，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

搜索框

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入搜索框，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

卡片

（可选）添加分栏组件，进行应用页面布局设置，详细内容请参见横向分栏和纵向分栏。在画布左侧组件列表上方，输入卡片，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见添加组件。步骤二：配置数据源在移动应用...

时钟

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入时钟，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置样式 ...

图片

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，输入图片，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见添加组件。步骤二：配置数据源在移动...

仪表盘

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入仪表盘，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

时间

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入时间，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置样式 ...

天气

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入天气，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置数据...

按钮

（可选）添加分栏组件，进行应用页面布局设置，详细内容请参见横向分栏和纵向分栏。在画布左侧组件列表上方，输入按钮，找到该组件，然后将组件拖拽到中间画布。有关组件添加的详细内容，请参见添加组件。步骤二：配置数据源在移动应用...

滑动条

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入滑动条，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

进度条

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入进度条，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

图标

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，输入图标，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置数据源在移动...

时间范围

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入时间范围，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

文本框

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入文本框，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

多选和单选

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，输入多选或单选，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置数据源 ...

设备实况

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入设备实况，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

PDF

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入 PDF，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置数据源...

移动视频

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入移动视频，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

文字

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入文字，找到该组件，然后将组件拖拽到中间画布。有关组件添加的更多信息，请参见添加组件。步骤二：配置数据...

设备时序

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入设备时序，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

数字框

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，输入数字框，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。（可选）步骤二：配置数据...

下拉框

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入下拉框，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

自由卡片

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入自由卡片，找到该组件，然后将组件拖拽到中间画布。您也可以单击自由卡片组件，在弹出的面板中选择预置的...

柱状图

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入柱状图，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

指示灯

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入指示灯，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

开关

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入开关，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置数据...

折线图

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入折线图，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置...

饼图

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入饼图，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置数据...

时间状态图

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入时间状态图，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：...

表格

（可选）添加分栏组件，进行应用页面布局设置。具体操作，请参见横向分栏和纵向分栏。在画布左侧组件列表上方，在搜索框中输入表格，找到该组件，然后将组件拖拽到中间画布。有关添加组件的更多信息，请参见添加组件。步骤二：配置数据...

重复列表

步骤五：配置分栏中各组件的数据源需手动将重复列表组件的数据源绑定到分栏的各个组件，才能展示重复列表数据源的各项数据。分别单击栏中组件，例如图片组件，在右侧样式栏，单击上传图片右侧的配置数据源按钮。说明不同组件进入数据源...

分栏布局

新品推荐