检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
新版生产环境。 在左侧导航栏中，选择“企业配置 > 工作台 > 外观与操作”。 在上传背景图中，单击待自定义图片后的，可自定义背景图片。 图4 上传背景图片 单击右侧图片上的预览，可预览设置效果。 图5 预览设置效果 预览效果符合预期后，单击“保存”。 自定义菜单 在AstroZ
如何实现页面转跳 使用说明 常用的业务页面与页面之间经常为了实现某种业务逻辑，需要在页面间进行转跳与传参。当应用需要在页面间进行转跳并传递参数时，例如图1中，在“调查问卷”页面单击“提交”按钮，由填写页面转跳到提交成功页面，并向提交成功页面传递此次“调查问卷”的记录id和页面名称
件的功能。 在AstroZero高级页面中使用轮播组件实现图片展示和URL跳转 高级页面中的轮播组件主要用于多个图片的自动循环切换，您也可以为图片添加超链接，即单击图片，跳转到指定的网站。本实践向您介绍，如何为轮播组件中图片添加一个超链接，跳转到AstroZero帮助文档。 在A
通过AstroZero中的脚本实现表格数据的增加和删除 期望实现效果 通过脚本，在前端页面实现对象数据的增加和删除。例如，在标准页面中增加或删除一条数据时，标准页面关联的对象中，数据也会随之添加或删除。 图1 在页面添加数据 图2 对象中同步新增数据 图3 对象中有两条数据 图4
给页面宏，在跳转的目标页面中读取页面宏数据。 图2 Page传值原理 主要实现原理如下： widgetPageMacroTemplate 在widgetPageMacroTemplate.editor.js文件中定义页面宏数据。 propertiesConfig: [ {
上传文件 功能介绍 将本地文件上传到存储中。使用该API上传文件，默认只会上传到连接器下配置的第一个桶中。待上传的文件可以是文本文件、图片、视频等任何类型。 URI POST AstroZero域名/u-route/baas/sys/v1.1/connectors/{connec
发送给：单击“指定人员”，设置企业微信接收人信息，支持指定具体人员、角色或动态获取。 图片：勾选后，单击“上传图片”，可发送图文消息通知。如果不勾选，按照文本卡片消息方式发送通知。 当前仅支持JPG和PNG格式的图片，图片大小建议不超过1068*455（大图）、150*150（小图）。 主题：
com/moderation/index.html。 文字识别服务 文字识别（Optical Character Recognition，简称OCR）以开放API的方式提供给用户，用户使用Python、Java等编程语言调用OCR服务API将图片识别成文字，帮助用户自动采集关键数据，打造智
late组件中执行动作，将文本显示到该组件的输入框中。 图2 事件、动作组件示例 其主要实现如下： widgetEventTemplate组件 在“widgetEventTemplate.js”文件中注册名称为“sendEvent”的事件，并在单击“trigger Event”按
在AstroZero标准页面中，如何实现移动端上拉异步加载数据功能？ 在AstroZero标准页面中，通过添加一个视图列表组件，即可实现在移动端数据的上拉异步加载功能，具体操作如下： 在AstroZero服务控制台的主页中，单击“进入首页”，进入AstroZero应用开发页面。 在“主页
com/moderation/index.html。 文字识别服务 文字识别（Optical Character Recognition，简称OCR）以开放API的方式提供给用户，用户使用Python、Java等编程语言调用OCR服务API将图片识别成文字，帮助用户自动采集关键数据，打造智
设置组件角边框，包含边框宽度、长度、颜色、弧度和边距。 背景 样式 设置组件背景图片的展示模式，包含普通、居中、拉伸和平铺。 图片链接 设置背景图片。 颜色 设置组件背景颜色。 数据设置：设置组件绑定的桥接器，以实现通过桥接器调用后台接口，获取后台数据，详情请参见如何调用后台接口。 事件
存放商品图片，此处存放了10张商品图片，分辨率统一为380x440，如图3所示。 图3 新建img存在商品图片 在commodityListWidget.js中，新建Commodity对象并为其赋值。 其中，Commodity对象包含三个属性，分别为src（商品图片路径）、ti
下拖动可对动作进行排序。如下图所示，给按钮组件设置了“重置表单”和“自定义JS代码”两个动作。在预览页面单击该按钮时，会按照设置的顺序先执行“重置表单”，再执行“自定义JS代码”。 父主题： 添加事件实现AstroZero组件间交互
通过AstroZero中的脚本实现表单的提交限制功能 期望实现效果 在开发前端页面时，可以在脚本中为表单添加一些提交限制，来提升用户体验和数据的安全。例如，在脚本中定义一个延迟时间（如图1），在规定的时间内提交表单时，提示“Submission failed: Not PortalUser
如何实现组件交互 初识事件-动作 同页面内组件的交互 页面间组件交互 父主题： 高级页面
查看解压后的组件目录。 目录结构如图3所示，其中userLogin.js文件是写vue业务逻辑的代码，userLogin.ftl用于写html代码，userLogin.css用于写样式代码，userLogin.editor.js以及packageinfo.json是配置文件。 图3 目录结构
选取。此时，可以通过添加一个输入框B，实现下拉框A的选项值根据输入框B输入的值进行筛选。例如，输入框B中输入Online，下拉框A中只显示所有上架状态的商品，如图1。 图1 实现效果 解决方法 这里可以通过设置标准页面的输入框和下拉框，来实现自定义下拉框选项取值。 向标准页面工作
通过内置动作实现AstroZero标准页面组件交互 AstroZero预置了多种常用的事件交互动作，您可以根据需要直接使用，来实现页面或组件之间的交互。下面以编排一个重置功能的按钮为例，介绍如何通过内置动作编排事件。本示例主要是通过内置动作“重置表单”实现该功能，即重置表单数据。
容器内部，可以考虑采用绝对单位固定其关系，这对于不需要扩展的按钮等元素来说非常有效。 图片的自适应 自适应组件设计还需要满足图片的自适应，可以使用max-width，对图片宽度进行限制，确保图片宽度不会超过浏览器窗口或容器可视部分的宽度。 移动优先 通常来说，移动端屏幕较小、视图
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
