检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
形图标和隐藏文字。 图2 设置图标 布局：选择“布局”中的样式（“菜单显示为左侧”等），在右侧“样式设置”区域设置布局参数，包括默认、鼠标悬浮、激活状态下应用顶部、应用标题、菜单、子菜单、页签的字体、字号及背景色等。 布局选项：勾选是否启用页签栏、是否默认折叠菜单、是否全屏、是否
页面发布成功后，单击，进入预览页面，查看页面效果。 新增了路由页面3，结果符合预期。 图9 预览效果 嵌套路由导航开发示例 如果要在路由导航中嵌套路由，即实现如图10所示页面效果。需要在第一级路由导航js文件的路由参数中，使用children配置。 图10 嵌套路由页面效果 参考基于预置组件进行自定
标准页面组件分类 标准页面组件包括系统预置的基本组件和用户自定义的扩展组件，基本组件具体说明如表1所示。如果需要了解每个基本组件的详细使用说明，请将鼠标悬浮在基本组件上，基本组件右上方会出现问号图标，单击该图标会出现该基本组件的使用说明。 表1 基本组件分类说明 分类 说明 布局 用于控制页面
流式布局类型高级页面，在高级页面工具栏中新增悬浮模式，开启此模式后拖入的组件不再按照从上到下、从左到右的顺序依次排列，可以设置其相对位置。 图12 悬浮模式示例 上图中标注说明如下： 标注1：在高级页面工具栏中开启悬浮模式。 标注2：拖入新组件。 标注3：悬浮模式下，组件相对位置设置选项。 相对定位
属性配置面板。在属性配置面板中，可以对该组件在页面显示属性风格进行配置，使页面达到预期效果。 图1 配置组件属性 若需要了解每个基本组件的详细使用说明，在标准页面设计界面左侧组件区域，将鼠标悬浮在基本组件上。基本组件右上会出现问号图标，单击该图标可查看该基本组件的使用说明。 图2
通过内置动作实现AstroZero标准页面组件交互 AstroZero预置了多种常用的事件交互动作，您可以根据需要直接使用，来实现页面或组件之间的交互。下面以编排一个重置功能的按钮为例，介绍如何通过内置动作编排事件。本示例主要是通过内置动作“重置表单”实现该功能，即重置表单数据。
成”。然后先单击“保存”按钮，再单击“预览”按钮，效果如图1启用前效果图所示。在主题中配置该输入框的背景色为红色，启用主题使得标准页面表单中输入框的背景色为红色，效果如图2启用后效果图所示。 图1 启用前效果图 图2 启用后效果图 您需要熟悉CSS的Less代码编写规范，关于Less的内容请参考Less介绍。
下一个任务。 通过并行审批，可以快速的实现会签功能。可以将结果触发方式选择为“等待所有投票完成触发投票结果”，在这种投票触发方式下，将需要所有被分配了当前任务的用户完成相应的任务后才能推动工作流流程，即实现了会签功能。 父主题： 深入了解用户任务
实现投票 使用说明 在实现会签章节中，通过将结果触发方式选择为“等待所有投票完成触发投票结果”实现了会签功能，本节将介绍如何通过用户任务实现投票功能。 操作步骤 需要先将操作投票任务的用户加入到一个工作队列或公共组中。 参考如何进入经典开发环境中操作，进入经典版应用开发页面。 在
如何调测标准页面 标准页面开发完成后，需要预览调测，验证页面是否实现了想要的效果。标准页面的调测分为调试事件和调试DOM及样式两类。 使用说明 标准页面开发完成后，需要预览调测，验证页面是否实现了预期效果。标准页面的调测分为调试事件和调试DOM及样式两类。 调试事件 打开一个标准页面。
如何实现页面组件间的交互 组件之间的交互主要依托数据的变化和传输实现，将组件的属性与对应的数据进行绑定。当其他组件的事件、服务编排、事件等使属性绑定值发生变化时，绑定的属性也随即发生变化，实现了组件之间的交互。 数据绑定方式 在标准页面开发界面，选中任意组件，在右侧“属性”页签进行数据绑定。
te组件，已显示页面宏的默认值，依次保存、发布Page2页面。 图7 保存并发布Page2 单击Page1页面上方的，预览效果。 父主题： 添加事件或宏实现AstroZero高级页面组件交互
在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 期望实现效果 高级页面中的轮播组件主要用于多个图片的自动循环切换。您也可以为图片添加超链接，即单击图片，跳转到指定的网站。 图1 最终实现效果 功能实现方法 在应用设计器中，选择“界面”，单击高级页面后的“+”，新建一个高级页面。
如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题： 高级页面
通过AstroZero中的连接器实现文件上传功能 期望实现效果 AstroZero封装了不同类型的连接器用于对接其他服务，对接后即可在应用中使用该服务。例如，通过连接器对接OBS后，可将前端页面中上传的文件存储到OBS桶中。 图1 在OBS桶的指定路径下可查看到文件 功能实现方法 准备工作。
创建统计页面 通过创建统计页面，使用饼图、柱状图、汇总值等组件对数据进行多维度图表展示，从而实现查看、分析和汇总数据的功能。 前提条件 已创建表单，并已有填报数据。 创建统计页面 参考登录零代码工作台中操作，登录AstroZero零代码工作台。 在全部应用中，单击应用后的“...”，选择“编辑”，进入编辑应用页面。
i + 1 }) } context.$params[0](list); 验证效果是否符合预期。 单击页面上方的，保存标准页面。 保存成功后，单击，在移动端预览效果。 图12 原始显示效果 按住左键鼠标向上拖动，数据可正常加载。 图13 异步加载数据 父主题： 应用前端开发
通过事件动作实现AstroZero高级页面内组件的交互 操作场景 AstroZero低代码平台为组件设计了事件-动作机制，实现组件与组件、组件与页面之间的交互。 事件是应用在运行时，页面内发生的动作或者用户执行的操作（例如单击组件、组件加载等）。 动作是响应事件后，按照设定的方式
扇区展现/最小角度：扇区数据的最小角度，取值范围0~360。 鼠标悬停/扇区放大：鼠标悬停在饼图上时，是否展现该扇区放大效果。 图5 扇区放大效果 鼠标悬停/偏移距离：鼠标悬停在饼图上时，展现该扇区放大效果的偏移距离。 标签/普通扇区是否展现：普通扇区是否展现标签。 标签/高亮扇区是否展现：高亮扇区是否展现标签。
在AstroZero标准页面中，如何实现有子表的表格？ 问题描述 当表格中的数据有父子关系，可在表格属性中开启“树形数据”开关，并指定关联字段后，可展示出树形结构的父子表格。 例如，系统中存在如图1所示的数据，数据之间存在父子关系，效果需要展示成“树形数据”，如图2所示，明确层级关系。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
