检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
图片上传 图片上传组件用于在表单中上传图片，使表单更加地美观。 在表单设计页面，从“常用组件”中，拖拽“图片上传”组件至表单设计区域，如图1所示。 图1 拖拽图片上传组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
分割线 分割线为样式型组件，用于分割字段，起装饰作用。 在表单设计页面，从“样式布局”中，拖拽“分割线”组件至表单设计区域，如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态：设置分割线的状态，如普通、隐藏。 普通：设置为普通后，页面上可正常显示分割线。 隐藏：设置为隐藏后，页面上的分割线将不再显示。
分段标题 分段标题为样式型组件，用于对页面中内容进行分隔。 在表单设计页面，从“样式布局”中，拖拽“分段标题”组件至表单设计区域，如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 标题：设置分段标题的内容，最多支持输入32个字符。 状态：设置字段的状态，如普通和隐藏。 普通
关联表单 关联表单组件提供了关联其他表单数据，填充数据到当前表单组件的功能。在获取关联的表单数据同时，还提供了过滤筛选的功能。 图1 拖拽关联表单组件到设计区并设置属性 操作视频 参数说明 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
页签 页签组件可用于将关联信息进行分组和归类，支持将已有组件拖入到指定的标签页中进行分组。 在左侧组件区域，选择“页签”组件，并拖拽至设计区域，如图1所示。 图1 拖拽页签组件到设计区并设置属性 将组件拖拽至页签中，根据需求布局，选中组件可配置对应组件属性。 页签组件不支持嵌套到页签中。
雷达图 雷达图是一种常用的数据可视化图表，也称为蜘蛛网图或星形图。雷达图通过将多个数据系列的指标值在同一张图表中展示出来，以便于比较它们之间的差异和相似性。 在左侧组件区域，从“图表控件”中，选择“雷达图”组件，并拖拽至设计区，如图1所示。 图1 拖拽雷达图组件到设计区并设置属性
动态文本 图片组件允许文本内容根据数据交互的变化而实时更新，提供更加个性化和互动的体验。 在左侧组件区域，从“常用控件”中，选择“动态文本”组件，并拖拽至设计区，如图1所示。 图1 拖拽动态文本组件到设计区并设置属性 基础配置 文本设置：设置文本内容的字体、大小和颜色等。 水平对
数字输入框 数字输入框组件用于输入数字，支持自定义数字输入框的状态、帮助信息及步长等。 在表单设计页面，从“常用组件”中，拖拽“数字输入框”组件至表单设计区域，如图1所示。 图1 拖拽数字输入框组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
日期选择器 日期选择器组件用于记录时间信息，适用于填写出差、加班日期时间等场景。 在表单设计页面，从“常用组件”中，拖拽“日期选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
子表单 子表单是一种高级的容器组件，支持在创建后向内部加入多种组件。例如，在填写一份表单时，有时会录入多条相同类型的数据，这些数据的行数不固定，但都属于同一种业务规则数据，此时可以在表单中设计一个子表单来规范其录入。如在创建员工信息表中，添加多段工作经历，主表为员工信息表，子表单为员工多段工作经历。
图片 图片组件用于展示图片的UI元素，提供直观的视觉信息。 在左侧组件区域，从“常用控件”中，选择“图片”组件，并拖拽至设计区，如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片：将文件拖拽上传区域内，或单击上传图片模块进行上传。 上传图片支持jpg、jpeg
多行文本输入 多行文本输入用于录入较长、较为复杂的内容，和单行文本输入不同的是能够在表单中展示段落文本内容。多行文本输入和单行文本输入、文本、富文本呈现的效果，如图1所示。 图1 各文本组件效果呈现图 在表单设计页面，从“常用控件”中，拖拽“多行文本输入”组件至表单设计区域，如图2所示。
分段标题 分段标题为样式型组件，用于对页面中内容进行分隔。 在左侧组件区域，选择“分段标题”组件，并拖拽至设计区域，如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 基础配置： 标题：设置分段标题的内容，最多支持输入32个字符。 样式：设置分段标题的显示样式。 图2 选择分段标题显示样式
分割线 分割线为样式型组件，用于分割字段，起装饰作用。 在左侧组件区域，选择“分割线”组件，并拖拽至设计区域，如图1所示。 图1 拖拽分割线组件到设计区并设置属性 基础配置 文本：设置分割线上显示的文字。输入内容不得超过32个字符。 分割线样式：选择分割线的样式，如虚线、点线、双线或实线。
数据表 数据表用于展示数据的明细表。设计良好的数据表不仅能提升界面的专业感，还能有效提高工作效率。 在左侧组件区域，从“图表控件”中，选择“数据表”组件，并拖拽至设计区，如图1所示。 图1 拖拽数据表组件到设计区并设置属性 基础配置 标题：该模块在页面呈现给用户的名称。 帮助提示
日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面，从“常用组件”中，拖拽“日期范围选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
图文展示 图文展示结合了图像和文本的界面元素，用于以更吸引人的方式展示信息。 在左侧组件区域，选择“图文展示”组件，并拖拽至设计区域，如图1所示。 图1 拖拽图文展示组件到设计区并设置属性 基础配置 单击“编辑展示内容”，在弹框中根据需求编辑所需图文信息。 图2 编辑图文展示内容
折线图 折线图是一种常见的数据可视化工具，它通过连接数据点来显示数据的变化趋势和关系。折线图的基本形状是一条折线，线的高低和斜率可以反映数据的大小和变化趋势。 在左侧组件区域，从“图表控件”中，选择“折线图”组件，并拖拽至设计区，如图1所示。 图1 拖拽折线图组件到设计区并设置属性
单行文本输入 单行文本输入用于录入普通的文本，且只能有一行。单行文本输入和多行文本输入、文本、富文本呈现的效果，如图1所示。 图1 各文本组件效果呈现图 在表单设计页面，从“常用控件”中，拖拽“单行文本输入”组件至表单设计区域，如图2所示。 图2 拖拽单行文本输入组件到设计区并设置属性
图文展示 图文展示是一种样式组件，通常用于展示图片，如图1中这种表单图文混排样式。用户不会在这个组件上传或填写数据，所有用户看到的效果一样。 图1 图文展示效果 在表单设计页面，从“常用控件”中，拖拽“图文展示”组件至表单设计区域，如图2所示。 图2 拖拽图文展示组件到设计区并设置属性
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
