检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
新建或编辑已有事件 图2 事件编排器 事件编排是页面的重要组成部分，用于承载页面中的逻辑，完成事件响应，以帮助用户快速高效地实现页面所需要呈现的功能效果。 事件行为区：集中存放事件编排过程中使用的行为节点，包括系统内置的动作（例如打开页面、弹出页面、显示或隐藏控件、定时任务、提交表单、重
管理组件 使用说明 组件Widget是高级页面和大屏页面的组成元素。在AstroZero管理中心，可以管理当前环境中该账号下的组件资源。 操作步骤 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 页面资产管理 > 组件”，可查看到当前环境该账号下所有的组件资产。
开发高级组件 在线开发高级组件 管理高级组件版本 父主题： 高级页面
删除。 在组件详情页面，可查看组件的描述信息、变更历史和包信息。 预览组件模板 参考登录管理中心中操作，登录AstroZero管理中心。 在左侧导航栏中，选择“应用管理 > 页面资产管理 > 组件模板”。 在“全局”页签中，单击对应的组件模板。 在组件详情页面，单击“预览”，可在线预览组件模板。
翻牌器 翻牌器组件用于在页面中展示实时数据的变化，在初始化或数据刷新时页面该组件展示数据会连续变动到新的数据。 在高级页面设计器中，单击，从“文本 > 通用”中，拖拽“翻牌器”组件到画布中，如图1所示。 图1 翻牌器 属性 在属性中，设置翻牌器组件的位置、边框、背景等。 图2 属性
在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。
在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。
在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。
在高级页面设计器中，单击，从“图表 > 线状图”中，拖拽“基本折线图”组件到画布中，如图1所示。 图1 基本折线图 属性 在属性中，设置基本折线图组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。 位置 距离左端：组件到页面左侧的距离，单位为px。
创建CommodityDisplay高级页面。 首次创建高级页面时，会出现视图选项，请勾选“电脑端”和“手机端”，布局类型选择“流式布局”（流式布局为自适应布局）。 图3 新建CommodityDisplay高级页面 开发CommodityDisplay电脑端和移动端高级页面。 在设计页面左上方，单击，从“全部
自定义背景框 自定义背景框用于在页面添加遮罩层或背景。 在高级页面设计器中，单击，从“装饰 > 通用”中，拖拽“自定义背景框”组件到画布中，如图1所示。 图1 自定义背景框 属性 在属性中，设置自定义背景框组件的位置、边框、背景等。 图2 属性 基础 组件标题：设置组件的标题。 组件名称：设置组件的名称。
组件所属分类，上传组件后，该组件将会在页面的该分类下进行展示。 领域 组件包应用的领域，一般保持默认“通用”。 场景 组件包的应用场景。 高级页面：组件适用于高级页面开发场景。 标准页面：组件适用于标准页面开发场景。 业务大屏：组件适用于Astro Canvas大屏页面开发场景。 业务小屏：组件适用于Astro
在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load）事件，该事件在页面渲染完成后执行，可进行数据初始化操作。更多关于事件的介绍，请参见主要事件说明。 库 在库中，可配置页面需要的依赖库，扩展页面功能。库分为系统预置库和自定义库两种，更多介绍请参见如何引入第三方库。
同时页面经常会有一些通用的交互模块，例如“人员选择”、“部门选择”等，这些页面交互模块可能会在多个页面中用到，逻辑也相对独立。面对这个情况，平台提供了让开发者自己创建组件的特性，称之为“自定义标准组件”。通过这个特性，开发者就能够将这样的交互模块抽象成标准页面组件，使页面的构建
否则拖拽组件到页面时会提示如下报错。 图5 界面报错 在应用设计器中，单击左侧导航栏中的“设置”。 在“高级设置”中，取消勾选“页面组件的渲染框架由Vue2升级为Vue3”开关。 图6 取消选中 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。 单击，从“全部
如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题： 高级页面
下拉框 下拉框通过配置绑定选项内容，提供给用户进行下拉选择的操作，支持单选、多选、搜索，以及键盘快捷操作。 在标准页面设计界面，从“基本组件 > 表单”中，拖拽“下拉框”组件至页面工作区域，如图1。 图1 下拉框 查看组件帮助 将鼠标放在对应的组件上，单击，可查看组件说明。 图2
RUL类型：菜单跳转页面的URL类型，如“常量”、“选择页面”。 地址：当“URL类型”为“常量”时，需要配置跳转页面的具体URL地址。当“URL类型”为“选择页面”时，需要选择系统中创建的具体跳转页面。 链接目标：跳转后页面显示形式。 新窗口：在新窗口页，显示跳转页面。 当前框架：在当前框架，显示跳转页面。
桥接器为连接前台页面和后台数据的连接器。在进行前台页面开发时，经常要调用后台数据，例如购物车中用户的ID，订单编号，商品信息等，这时需要通过桥接器动态调用后台接口获取后台数据。桥接器也支持获取静态自定义数据展示在页面上。 查看桥接器详情 参考登录管理中心中操作，登录AstroZero管理中心。
藏，这种动态设置优先级是最高的。 禁用：是否禁用该组件。 只读：组件是否只读。 样式 > 高级设置 > 样式类：当前组件使用的CSS样式类名，可在CSS代码中进行引用。 事件 在事件中，显示了组件暴露出来的一些常用事件，供用户实现，来扩展组件的交互。整个页面有加载（on-load
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
