检测到您已登录华为云国际站账号,为了您更好的体验,建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
约束与限制 AstroFlow当前支持的区域,如表1所示。 表1 支持的区域 区域名称 区域 华北-北京四 cn-north-4
分段标题 分段标题为样式型组件,用于对页面中内容进行分隔。 在左侧组件区域,选择“分段标题”组件,并拖拽至设计区域,如图1所示。 图1 拖拽分段标题组件到设计区并设置属性 基础配置: 标题:设置分段标题的内容,最多支持输入32个字符。 样式:设置分段标题的显示样式。 图2 选择分段标题显示样式
布局容器 布局容器的主要作用是控制其内部元素的排列和布局,确保界面的整洁有序和响应式设计。 在左侧组件区域,选择“布局容器”组件,并拖拽至设计区域,如图1所示。 图1 拖拽布局容器组件到设计区并设置属性 将组件拖拽至布局容器中,根据需求布局,选中组件可配置对应组件属性。 图2 设计布局
分割线 分割线为样式型组件,用于分割字段,起装饰作用。 在左侧组件区域,选择“分割线”组件,并拖拽至设计区域,如图1所示。 图1 拖拽分割线组件到设计区并设置属性 基础配置 文本:设置分割线上显示的文字。输入内容不得超过32个字符。 分割线样式:选择分割线的样式,如虚线、点线、双线或实线。
图片上传 图片上传组件用于在表单中上传图片,使表单更加地美观。 在表单设计页面,从“常用组件”中,拖拽“图片上传”组件至表单设计区域,如图1所示。 图1 拖拽图片上传组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
图片 图片组件用于展示图片的UI元素,提供直观的视觉信息。 在左侧组件区域,从“常用控件”中,选择“图片”组件,并拖拽至设计区,如图1所示。 图1 拖拽图片组件到设计区并设置属性 基础配置 上传图片:将文件拖拽上传区域内,或单击上传图片模块进行上传。 上传图片支持jpg、jpeg、p
页签 页签组件可用于将关联信息进行分组和归类,支持将已有组件拖入到指定的标签页中进行分组。 在左侧组件区域,选择“页签”组件,并拖拽至设计区域,如图1所示。 图1 拖拽页签组件到设计区并设置属性 将组件拖拽至页签中,根据需求布局,选中组件可配置对应组件属性。 注意:页签组件不支持嵌套到页签中。
如何创建一个自定义页面 约束与限制 创建页面中,不同版本的约束。 基础版:1个应用内最多支持创建1个自定义页面。 专业版:1个应用内最多支持创建100个自定义页面。 企业版:1个应用内最多支持创建500个自定义页面。 页面设计中,组件数量不能超过200个。 步骤1:新建一个空白的页面
支持将已有组件拖入到指定的标签页中进行分组。 在表单设计页面,从“常用控件”中,拖拽“页签”组件至表单设计区域,如图1所示。 图1 拖拽页签组件到设计区并设置属性 约束与限制 子表单、流水号和页签组件不支持嵌套到页签中。 参数说明 状态:设置字段的状态,如普通和隐藏。 普通:设置
级联选择 级联选择组件用于实现下拉级联菜单。 在表单设计页面,从“常用组件”中,拖拽“级联选择”组件至表单设计区域,如图1所示。 图1 拖拽级联选择组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。
数字输入框组件用于输入数字,支持自定义数字输入框的状态、帮助信息及步长等。 在表单设计页面,从“常用组件”中,拖拽“数字输入框”组件至表单设计区域,如图1所示。 图1 拖拽数字输入框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
复选框组件用于一次性选择多个选项, 例如收集用户兴趣爱好时,可选用该组件。 在表单设计页面,从“常用组件”中,拖拽“复选框”组件至表单设计区域,如图1所示。 图1 拖拽复选框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
附件 附件组件用于上传文档、视频、音频等附件。 在表单设计页面,从“常用组件”中,拖拽“附件”组件至表单设计区域,如图1所示。使用附件组件时,请谨慎下载“.bat”、“.exe”等危险类型的文件,以保护您的安全。 图1 拖拽附件组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。
按钮 按钮组件是自定义页面设计中一个非常重要的元素,它允许用户通过单击触发一个动作。 在左侧组件区域,选择“按钮”组件,并拖拽至设计区域,如图1所示。 图1 拖拽按钮组件到设计区并设置属性 基础配置 文本:输出按钮显示的内容。输入内容不得超过32个字符。 文本大小:设置按钮文本大
下拉选择框 下拉选择框组件可以作为下拉框表单在应用中使用。 在表单设计页面,从“常用组件”中,拖拽“下拉选择框”组件至表单设计区域,如图1所示。 图1 拖拽下拉选择框组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
文本 文本是一种样式组件,可以为这个区域输入并显示多行文本内容。 在左侧组件区域,选择“文本”组件,并拖拽至设计区域,如图1所示。 图1 拖拽文本组件到设计区并设置属性 基础配置 内容设置:输入具体的文本内容。输入内容不得超过512个字符。 文本设置:设置文本内容的字体、大小和颜色等。
图文展示 图文展示结合了图像和文本的界面元素,用于以更吸引人的方式展示信息。 在左侧组件区域,选择“图文展示”组件,并拖拽至设计区域,如图1所示。 图1 拖拽图文展示组件到设计区并设置属性 基础配置 单击“编辑展示内容”,在弹框中根据需求编辑所需图文信息。 图2 编辑图文展示内容
备注 备注组件,用于输入注意事项,指导用户操作。 在左侧组件区域,选择“备注”组件,并拖拽至设计区域,如图1所示。 图1 拖拽备注组件到设计区并设置属性 基础配置 内容:输入需要显示的文字内容。输入内容不得超过512个字符。 样式配置 内间距:设置容器内组件与容器四边的间距,可分
单选 单选组件用于在有限的选项中选择其中某一个选项,例如选择性别、年龄段等场景。 在表单设计页面,从“常用组件”中,拖拽“单选”组件至表单设计区域,如图1所示。 图1 拖拽单选组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。
评分 评分组件用于表单提交评分数据。 在表单设计页面,从“常用组件”中,拖拽“评分”组件至表单设计区域,如图1所示。 图1 拖拽评分组件到设计区并设置属性 标题:该字段在表单页面呈现给用户的名称。 帮助提示:为字段添加帮助信息。设置后,标题字段后会显示。 描述信息:为字段添加附件的说明信息。