README_en.md
1# Example Shopping App
2
3### Introduction
4
5This example JS-based shopping app has a hybrid layout containing resources such as images, videos, and text. To optimize memory and performance, the lazy loading feature has been used for the sliding list. You can use the sample code as reference for your app development.
6
7### Usage
8
91. The app consists of three pages: home page, details page, and comment page.
10
112. The home page comprises a nested layout of text and images. It uses the lazy loading feature to implement a sliding list.
12
133. The details page comprises swiper components with nested images and videos. You can click scrolling images on the home page to access the respective details page.
14
15### Constraints
16
17This sample can only be run on standard-system devices.
18
README_zh.md
1# 购物示例应用
2
3### 简介
4
5这是一个仿购物类的JS应用，使用了混合的布局，包含图片、视频、文本等资源。为了优化内存与性能体验，在滑动列表场景下使用了懒加载特性，开发者可借鉴使用。实现效果如下：
6
7
8
9### 相关概念
10
11通过JS基础组件和自定义组件实现混合布局。
12
13### 相关权限
14
15不涉及。
16
17### 使用说明
18
191.应用设计包含多个页面，目前仅实现首页和详情页面。
20
212.首页包括文本图片的嵌套布局，使用list懒加载特性，实现滑动列表场景。
22
233.通过点击轮播图跳转到详情页，在详情页的swiper组件中嵌套图片与视频资源。
24
25### 约束与限制
26
271.本示例仅支持在标准系统上运行。
28
292.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
30
