购物实例应用

简介

这是一个仿购物类应用，使用了混合的布局，包含图片、视频、文本等资源。为了优化内存与性能体验，在滑动列表场景下使用了懒加载特性，开发者可借鉴使用。效果图如下：

相关概念

懒加载：开发框架提供数据懒加载（LazyForEach组件）从提供的数据源中按需迭代数据，并在每次迭代过程中创建相应的组件。

相关权限

不涉及。

使用说明

1、启动应用显示首页内容，包括“首页”、“分类”、“消息”、“购物车”、“我的”五个模块，可点击下方tabBar可切换模块内容。

2、“首页”页面具有Swiper轮播，LazyForEach懒加载，Grid网格布局，Tabs组件切换等功能。

3、“首页”页面的搜索框点击时可跳转到search页面，该页面具有List组件横向滑动，组件显隐切换等功能。

4、点击首页轮播图部分，可跳转到detail页面，该页面使用Flex,Cloumn,Row等容器组件嵌套文本图片来搭建页面内容，同时具有Swiper组件轮播功能。

5、“我的”页面中的“收藏”文本及图标部分点击时可跳转到collect页面，该页面具有Tabs组件切换，布局显示切换等功能。

约束与限制

1.本示例仅支持标准系统上运行。

2.本示例需要使用DevEco Studio 3.0 Beta3 (Build Version: 3.0.0.901, built on May 30, 2022)才可编译运行。