检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
汇总值 汇总值组件用于对表单中某些字段数据或者记录总数进行数量汇总，即求和。在报表编辑页面，拖拽“汇总值”组件到中间区域，右侧可设置组件属性。 图1 汇总值 显示名称：该组件在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 数据 统计规则：选择统计规则。 按字段：按字段
单行文本 单行文本组件用于录入普通的文本，包含文字、数字等，例如商品名称、人员姓名、车牌号、邮政编码、地址、身份证号码等。 在表单开发页面，从“数据组件”中，拖拽“单行文本”组件至表单设计区域，如图1。 图1 单行文本组件 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。
图片 图片组件用于在页面展示图片。 在表单开发页面，从“通用组件”中，拖拽“图片”组件至表单设计区域，如图1。 图1 图片 显示名称：设置图片显示名称，默认隐藏显示名称。 选择图片：单击“上传图片”，上传需要展示的图片。 点击放大预览：勾选后，可放大预览图片。 移动端独立设置：勾选后，可给移动端单独设置展示的图片。
局的组件列表。您可以通过选择画布中或列表中的组件，切换到该组件的“组件属性设置”栏，进行当前选中组件的属性设置、数据设置、事件绑定和路由设置。 图7 组件属性设置操作示例 属性设置：组件基本属性设置，支持在自定义组件中添加自定义属性，详细介绍请参见开发高级组件。 表1 组件属性设置说明
多行文本 多行文本组件用于录入较长、较复杂的文字，如描述说明、备注、反馈等。 在表单开发页面，从“数据组件”中，拖拽“多行文本”组件至表单设计区域，如图1。 图1 多行文本 显示名称：该字段在页面呈现给用户的名称，可以设置为中文，也可以设置为英文。 行数：文本行数展示的行数。如果
参考登录经典应用设计器中操作，进入应用设计器。 在对应的文件夹后，单击，选择“标准页面”。 输入标签页面的“标签”和“名称”，单击“添加”。 根据业务需求，设计标准页面。 参考平台标准组件介绍中操作，为标准页面添加组件并设置组件属性。 参考如何实现页面组件间的交互中操作，添加组件交互。 设计完成后，单击页面上方的，保存标准页面。
新建主题有如下两种方式，请根据需要选择所需的方式。 代码化方式 在主题管理中，单击“代码化新建”，弹出“创建主题”页面，如图4，界面中包含了所有组件的样式。 图4 创建主题 修改相关的组件样式代码，关于组件的介绍请参考平台标准组件介绍。 例如，在输入框组件添加一个背景色，设置为红色，如图5。 图5 添加背景色
图4 拖拽所需的组件到画布中 设置文本编辑组件内容为“绝对布局类型高级页面”，字号为“大号”。 图5 设置文本编辑组件内容 通过组件属性，精确设置组件大小。 本例中，设置组件宽度为600px、高度为350px。 图6 精确设置组件大小 复制组件。 将上图左侧组件逐个复制，并将其拖
设置AstroZero标准页面组件属性 设置AstroZero标准页面容器组件属性 设置AstroZero标准页面表单组件属性 设置AstroZero标准页面表格组件属性 设置AstroZero标准页面分栏组件属性 设置AstroZero标准页面栅格容器组件属性 设置AstroZero标准页面列表视图组件属性
分别选择表单中的2个“分栏”，在“行布局”中单击，修改分栏为4列，并按图16所示调整字段组件的位置（选中组件，用鼠标即可拖拽组件到目的栏），调整完成后，删除多余空白分栏。 图15 调整分栏为4列 图16 调整后表单 选择表单中的各个组件，依次在右侧属性面板中修改各个组件标签，详细标签名如表5所示。
点击 通过鼠标左键，单击该组件时触发。 双击 通过鼠标左键，双击该组件时触发。 右击 通过鼠标右键，单击该组件时触发。 右双击 通过鼠标右键，双击该组件时触发。 鼠标滑过 鼠标光标滑过该组件时触发。 组件加载 组件加载完成后触发。 单击组件标题 单击组件标题时触发。 当点击图例时
打包上传commodityListWidget商品列表组件。 参考登录经典应用设计器中操作，进入经典版应用设计器。 在左侧菜单栏中，单击，选择“高级页面 > 组件”。 单击“提交新组件”，进入提交新组件页面。 单击“请选择源文件(.zip)”，选择商品列表组件包commodityListWidget
全部应用”中，单击应用后的“编辑”，进入应用设计器。 新建一个标准页面，并进行页面设计。 在应用设计器的界面中，单击页面后的“+”，输入页面标签和名称，新建一个标准页面。 在“基本组件 > 布局”中，拖拽一个列表视图组件到画布中。 图1 添加列表视图组件 再从“表单”中，拖拽一个输入框到列表视图中。
管理页面所有组件的状态，并以相应的规则保证状态以一种可预测的方式发生变化。简单的理解就是全局状态，可理解为页面中所有组件的共享状态，不管组件在页面的哪个位置或层级，任何组件都能获取状态或触发状态改变的动作。全局状态相当于全局变量，属性是私有的，需要在组件的js文件中，使用预置的“this
面。 单击，拖拽轮播组件到右侧画布中。 图3 拖入轮播组件 在轮播组件上，单击右键选择“高级设置”。 单击“轮播设置”，根据个人实际需求，设置轮播方向、图片播放时间间隔等。 图4 选择轮播设置 图5 轮播设置 新增轮播图片并设置URL跳转。 再次选中轮播组件，单击右键选择“高级设置”，选择“图片管理”。
设置AstroZero高级页面预置组件属性 设置AstroZero高级页面轮播组件属性 设置AstroZero高级页面图片组件属性 设置AstroZero高级页面文本编辑组件属性 设置AstroZero高级页面自定义背景框组件属性 设置AstroZero高级页面基本柱图组件属性 设置AstroZero高级页面基本折线图组件属性
添加事件实现AstroZero组件间交互 AstroZero标准页面事件编排器概述 通过内置动作实现AstroZero标准页面组件交互 通过自定义动作实现AstroZero标准页面组件交互 父主题： 标准页面
图例位置(上边距)：设置图例到组件边框顶部的百分比。 图例位置(左边距)：设置图例到组件边框左侧的百分比。 图表位置(上边距)：设置图表到组件边框顶部的百分比。 图表位置(左边距)：设置图表到组件边框左侧的百分比。 图5 图表位置 属性：勾选后，页面上会隐藏该字段。 宽度：该组件框的宽度，占页面宽度的比例。
组件属性设置区域（序号5） 未选中画布中任何组件时，此模块显示内容为“当前视图组件列表”即当前页面中所布局的组件列表。您可以通过选择画布中或列表中的组件，切换到该组件的“组件属性设置”栏，进行当前选中组件的属性设置、数据设置、事件绑定和路由设置。 属性设置：组件基本属性设置，支持
在AstroZero标准页面弹窗的onOk事件中，不想关闭弹窗该怎么处理？ 问题描述 标准页面弹窗的“onOk”事件中，不想关闭弹窗该怎么处理？ 图1 自定义JS代码 解决方法 “onOK”是系统预置事件，不提供阻止窗口关闭的能力。对于类似需求，可以通过将“footerHide”属性设为“true”，来屏蔽弹窗中的预置
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
