检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
数据表 数据表用于展示数据的明细表。设计良好的数据表不仅能提升界面的专业感，还能有效提高工作效率。 在左侧组件区域，从“图表控件”中，选择“数据表”组件，并拖拽至设计区，如图1所示。 图1 拖拽数据表组件到设计区并设置属性 基础配置 标题：该模块在页面呈现给用户的名称。 帮助提示
下拉选择框 下拉选择框组件可以作为下拉框表单在应用中使用。 在表单设计页面，从“常用组件”中，拖拽“下拉选择框”组件至表单设计区域，如图1所示。 图1 拖拽下拉选择框组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
地址 地址组件用于设置员工出生地、公司所在地等地址信息。 在表单设计页面，从“常用组件”中，拖拽“地址”组件至表单设计区域，如图1所示。 图1 拖拽地址组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。 描述信息：为字段添加附件的说明信息。
公式计算 公式计算是一个只读组件，不允许手动改动，输入数据值后，根据配置好的计算公式，自动计算得到结果。 在表单设计页面，从“高级组件”中，拖拽“公式计算”组件至表单设计区域，如图1所示。 图1 拖拽公式计算组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提
图片上传 图片上传组件用于在表单中上传图片，使表单更加地美观。 在表单设计页面，从“常用组件”中，拖拽“图片上传”组件至表单设计区域，如图1所示。 图1 拖拽图片上传组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
分割线 分割线为样式型组件，用于分割字段，起装饰作用。 在表单设计页面，从“样式布局”中，拖拽“分割线”组件至表单设计区域，如图1所示。 图1 拖拽分割线组件到设计区并设置属性 状态：设置分割线的状态，如普通、隐藏。 普通：设置为普通后，页面上可正常显示分割线。 隐藏：设置为隐藏后，页面上的分割线将不再显示。
评分 评分组件用于表单提交评分数据。 在表单设计页面，从“常用组件”中，拖拽“评分”组件至表单设计区域，如图1所示。 图1 拖拽评分组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。 描述信息：为字段添加附件的说明信息。
分段标题 分段标题为样式型组件，用于对页面中内容进行分隔。 在表单设计页面，从“样式布局”中，拖拽“分段标题”组件至表单设计区域，如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 标题：设置分段标题的内容，最多支持输入32个字符。 状态：设置字段的状态，如普通和隐藏。 普通
数字输入框 数字输入框组件用于输入数字，支持自定义数字输入框的状态、帮助信息及步长等。 在表单设计页面，从“常用组件”中，拖拽“数字输入框”组件至表单设计区域，如图1所示。 图1 拖拽数字输入框组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
复选框 复选框组件用于一次性选择多个选项， 例如收集用户兴趣爱好时，可选用该组件。 在表单设计页面，从“常用组件”中，拖拽“复选框”组件至表单设计区域，如图1所示。 图1 拖拽复选框组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
日期选择器 日期选择器组件用于记录时间信息，适用于填写出差、加班日期时间等场景。 在表单设计页面，从“常用组件”中，拖拽“日期选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
日期范围选择器 时间范围选择器组件用于实现自定义选取时间范围的功能。 在表单设计页面，从“常用组件”中，拖拽“日期范围选择器”组件至表单设计区域，如图1所示。 图1 拖拽日期范围选择器组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。 帮助提示：为字段添加帮助信息。设置后，标题字段后会显示。
元素，使文本更加生动、有趣。富文本和单行文本输入、多行文本输入、文本呈现的效果，如图1所示。 图1 各文本组件效果呈现图 在表单设计页面，从“常用控件”中，拖拽“富文本”组件至表单设计区域，如图2所示。使用富文本组件时，请谨慎下载“.bat”、“.exe”等危险类型的文件，以保护您的安全。
图片 图片组件用于展示图片的UI元素，提供直观的视觉信息。 在左侧组件区域，从“常用控件”中，选择“图片”组件，并拖拽至设计区，如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片：将文件拖拽上传区域内，或单击上传图片模块进行上传。 上传图片支持jpg、jpeg
单行文本输入用于录入普通的文本，且只能有一行。单行文本输入和多行文本输入、文本、富文本呈现的效果，如图1所示。 图1 各文本组件效果呈现图 在表单设计页面，从“常用控件”中，拖拽“单行文本输入”组件至表单设计区域，如图2所示。 图2 拖拽单行文本输入组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。
雷达图是一种常用的数据可视化图表，也称为蜘蛛网图或星形图。雷达图通过将多个数据系列的指标值在同一张图表中展示出来，以便于比较它们之间的差异和相似性。 在左侧组件区域，从“图表控件”中，选择“雷达图”组件，并拖拽至设计区，如图1所示。 图1 拖拽雷达图组件到设计区并设置属性 基础配置 标题：该模块在页面呈现给用户的名称。
图文展示是一种样式组件，通常用于展示图片，如图1中这种表单图文混排样式。用户不会在这个组件上传或填写数据，所有用户看到的效果一样。 图1 图文展示效果 在表单设计页面，从“常用控件”中，拖拽“图文展示”组件至表单设计区域，如图2所示。 图2 拖拽图文展示组件到设计区并设置属性 状态：设置组件的状态，如普通（正常显示）或隐藏。
之间的数量或频率比较。它通过在坐标系中绘制垂直或水平的柱子来表示数据，每个柱子的高度或长度表示对应类别或组的数量或频率。 在左侧组件区域，从“图表控件”中，选择“柱图”组件，并拖拽至设计区，如图1所示。 图1 拖拽柱图组件到设计区并设置属性 基础配置 标题：该模块在页面呈现给用户的名称。
够在表单中展示段落文本内容。多行文本输入和单行文本输入、文本、富文本呈现的效果，如图1所示。 图1 各文本组件效果呈现图 在表单设计页面，从“常用控件”中，拖拽“多行文本输入”组件至表单设计区域，如图2所示。 图2 拖拽多行文本输入组件到设计区并设置属性 标题：该字段在表单页面呈现给用户的名称。
折线图是一种常见的数据可视化工具，它通过连接数据点来显示数据的变化趋势和关系。折线图的基本形状是一条折线，线的高低和斜率可以反映数据的大小和变化趋势。 在左侧组件区域，从“图表控件”中，选择“折线图”组件，并拖拽至设计区，如图1所示。 图1 拖拽折线图组件到设计区并设置属性 基础配置 标题：该模块在页面呈现给用户的名称。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
