华为云ASTRO轻应用-自定义标准页面组件操作流程

时间：2025-06-12 10:18:32

华为云ASTRO轻应用

自定义标准页面组件操作流程

华为云Astro轻应用为您提供了一个自定义组件模板包workCards.zip，本章节介绍如何基于workCards.zip模板包自定义一个imgbutton组件，流程如表1所示。

表1 自定义标准页面组件流程说明
序号	步骤	说明
1	步骤一：获取自定义组件模板包	获取自定义组件模板包workCards.zip。了解workCards.zip模板包的结构和定义规范。
2	步骤二：自定义标准页面组件imgButton	解压workCards.zip模板包，修改解压后的文件夹名称为“imgButton”。根据业务需求，自定义标准页面组件。将imgButton文件夹中的内容进行打包，生成自定义组件包“dist\imgButton-***.zip”。
3	步骤三：上传自定义组件包	将自定义组件上传到华为云Astro轻应用。
4	步骤四：验证自定义组件是否符合预期	创建一个标准页面，将自定义组件拖拽到该页面中，组件能够正常显示。为自定义组件添加显示和隐藏事件，检查效果是否达到预期。