# 自定义标准页面组件操作流程
华为云Astro轻应用为您提供了一个自定义组件模板包workCards.zip，本章节介绍如何基于workCards.zip模板包自定义一个imgbutton组件，流程如[表1]所示。
 表1自定义标准页面组件流程说明 
| 序号 | 步骤                                                                                                                                                                | 说明                                                                                                                                                                                                                                                                                                                                                                                                                                                                               |
|:---|:---|:---|
| 1  | [步骤一：获取自定义组件模板包](https://support.huaweicloud.com/bestpractice-astrozero/astrozero_bestpractice_0043.html#astrozero_bestpractice_0043__section3645104719511)       | 1. 获取自定义组件模板包workCards.zip。  2. 了解workCards.zip模板包的结构和定义规范。                                                                                                                                                                         |
| 2  | [步骤二：自定义标准页面组件imgButton](https://support.huaweicloud.com/bestpractice-astrozero/astrozero_bestpractice_0043.html#astrozero_bestpractice_0043__section41741927153) | 1. 解压workCards.zip模板包，修改解压后的文件夹名称为"imgButton"。  2. 根据业务需求，自定义标准页面组件。  3. 将imgButton文件夹中的内容进行打包，生成自定义组件包"dist\\imgButton-\*\*\*.zip"。   |
| 3  | [步骤三：上传自定义组件包](https://support.huaweicloud.com/bestpractice-astrozero/astrozero_bestpractice_0043.html#astrozero_bestpractice_0043__section92434191269)           | 将自定义组件上传到华为云Astro轻应用。                                                                                                                                                                                                                                                                                                                                                                                                                                                            |
| 4  | [步骤四：验证自定义组件是否符合预期](https://support.huaweicloud.com/bestpractice-astrozero/astrozero_bestpractice_0043.html#astrozero_bestpractice_0043__section1525838188)       | 创建一个标准页面，将自定义组件拖拽到该页面中，组件能够正常显示。为自定义组件添加显示和隐藏事件，检查效果是否达到预期。                                                                                                                                                                                                                                                                                                                                                                                                                      |