From 9847f3e87c0a0d21105117455d6dd48e60023939 Mon Sep 17 00:00:00 2001 From: zxg-gitee Date: Wed, 4 Aug 2021 15:15:27 +0800 Subject: [PATCH] =?UTF-8?q?=E6=8F=90=E4=BA=A4=E5=BA=94=E7=94=A8=E8=8B=B1?= =?UTF-8?q?=E6=96=87=E6=96=87=E6=A1=A3?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit Signed-off-by: zxg-gitee --- UI/JsAnimation/README.md | 7 +++++++ UI/JsGallery/README.md | 8 ++++++++ UI/JsShopping/README.md | 8 ++++++++ 3 files changed, 23 insertions(+) create mode 100644 UI/JsAnimation/README.md create mode 100644 UI/JsGallery/README.md create mode 100644 UI/JsShopping/README.md diff --git a/UI/JsAnimation/README.md b/UI/JsAnimation/README.md new file mode 100644 index 0000000000..8c19b5b149 --- /dev/null +++ b/UI/JsAnimation/README.md @@ -0,0 +1,7 @@ +# Example Animation App + +- This example JS-based animation app allows you to evaluate the basic animation capabilities of components, including rotation, translation, display/hide, and shadow. It also supports adjustment of the animation load. You can use the sample code as reference for your app development. This example applies to large systems \(reference memory ≥ 1 GB\). + 1. The app uses the following typical components: div, stack, video, image, text, input, and button. + 2. The app offers animation capabilities including rotation, translation, display/hide, and shadow. + + diff --git a/UI/JsGallery/README.md b/UI/JsGallery/README.md new file mode 100644 index 0000000000..7c0ae15078 --- /dev/null +++ b/UI/JsGallery/README.md @@ -0,0 +1,8 @@ +# Example Gallery App + +- This example JS-based gallery app offers the photo browsing and editing functions. It uses the lazy loading feature to improve performance. You can add or replace image resources as needed to build your own gallery. This example applies to large systems \(reference memory ≥ 1 GB\). + 1. The initial page consists of 200 images, which are displayed in eight columns. + 2. An icon is provided in the upper right corner for you to switch between 4, 8, and 12 columns. + 3. A **Settings** button is provided in the upper left corner for you to access the **Settings** page. After you set the number of columns and the total number of images and click **OK**, the home page is updated according to your settings. + + diff --git a/UI/JsShopping/README.md b/UI/JsShopping/README.md new file mode 100644 index 0000000000..d41bbf9c45 --- /dev/null +++ b/UI/JsShopping/README.md @@ -0,0 +1,8 @@ +# Example Shopping App + +- This example JS-based shopping app uses 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. This example applies to large systems \(reference memory ≥ 1 GB\). + 1. The app consists of three pages: home page, details page, and comment page. + 2. The home page comprises a nested layout of text and images. It uses the lazy loading feature to implement a sliding list. + 3. 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. + + -- Gitee