APPCUBE-在线开发高级组件:场景描述

时间：2023-11-01 16:19:13

APPCUBE 开发高级组件

场景描述

本节以开发网站中常用的标签切换页面为例，向您介绍如何基于组件模板在线开发组件。参考华为消费者业务网站（如图1所示），页面中主要包含标签栏和详情展示模块两部分，可以通过切换标签来控制详情展示模块中的展示内容。

图1 消费者业务网站示例
点击放大

本节主要在高级页面中，通过两个组件（标签页组件、信息展示组件）复现上述场景，其中标签页组件包含产品类别（手机、笔记本、平板等），信息展示组件用于展示不同产品类别的图片信息。两个组件通过事件-动作机制实现交互，在标签页组件中注册标签切换事件，此事件绑定信息展示组件中切换产品图片的动作。