检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
检测到您已登录华为云国际站账号，为了您更好的体验，建议您访问国际站服务网站 https://www.huaweicloud.com/intl/zh-cn
不再显示此消息
适配多终端样例 场景描述 本章节以开发一个满足响应式布局的商品列表组件为例，向您介绍如何适配多终端。 商品列表组件可以用于不同分辨率的手机端和电脑端，组件中商品排布能够根据屏幕或者浏览器窗口大小自动调节。例如，视区（屏幕或浏览器可视区域）由宽变窄过程中，呈现出多终端适配的响应式效果，商品单行个数逐渐由五列变为一列。
兼容性开关来恢复原来的功能。 发布并部署AstroZero开发的应用 根据实际业务需求，可以将应用一键打包发布到运行环境或沙箱环境，也可以生成应用安装包供其他用户在其他AstroZero环境中安装使用。 快速发布与部署AstroZero开发的应用：应用开发完成后，支持将应用一键打包发布到运行环境或沙箱环境。
Register custom event or action here, and trigger the event afterwards. Studio.registerEvents(thisObj, "", "", EventConfig),
使用AstroZero创建高级页面适配多终端显示 期望实现效果 当用户开发的高级页面应用于多种设备时，如何才能保证在不同大小的设备上，能够呈现同样的网页？为此，AstroZero提供了高级页面的电脑端和移动端两种终端视图、流式布局的响应式布局，并为绝对布局提供“拉伸”功能辅助自适
组装“待处理工单”页面 “待处理工单”页面是一个手机端的页面，用于显示现场工程师名下的待处理工单，将使用标准页面功能实现。 如图1所示工程师在手机端可以看到自己名下所有的待处理工单。系统默认优先显示待处理的工单。 图1 “待处理工单”页面 因当前页面组件较多，因此分3个大步骤开发
组装“编辑设备”页面 组装页面包括拼装页面组件、定义组件的事件代码，并通过公共接口调用“编辑设备”脚本。 页面分析 如果要实现将前端页面上输入的设备信息保存到数据库中，需要创建与前端组件绑定的自定义模型，以及与后端逻辑关联的服务模型，如图2所示。 图1 编辑设备页面预览 页面上包
选中记录查询图元，单击，设置基本信息。 表1 基本信息参数说明 参数 参数说明 标签 图元的标签，用于在页面显示。系统会自动填入该值，格式为RecordSelect序号，序号从“0”开始，表示同类型图元序号。 名称 该图元的标识，请确保在当前服务编排中唯一。 描述 该图元的描述信息。 使用快速查询模式
什么是脚本 针对业务逻辑比较复杂的场景，低代码平台提供了脚本（Script）能力，支持用户在线开发TypeScript脚本，完成灵活复杂的业务逻辑。 与服务编排对比 脚本是代码化，使用TypeScript开发的。脚本是内聚的，相当于生产积木的，并且脚本可以对这个积木实现批量化处理的复杂场景。
选中记录查询图元，单击，设置基本信息。 表1 基本信息参数说明 参数 说明 标签 设置图元的标签，用于在服务编排设计页面展示。系统会自动填入该值，格式为RecordSelect序号，序号从“0”开始，表示同类型图元序号。 名称 设置图元的名称，名称为图元在服务编排中的标识，请确保在当前服务编排中唯一。命名要求如下：
请成功！”，以及申请的呼吸机资源信息。 图19 输出界面 在对象Respirator的“布局”页签，单击“Respirator Records”后的，查看到对象记录中状态已成功由“空闲”更新为“使用中”，且修改呼吸机资源所在的医院信息。 图20 查看布局页 图21 查看对象记录 单击页面上方的，启用服务编排。
长按/截图保存，微信识别二维码
或者关注公众号“华为云”
