README.md
1# JSList Offerings
2
3### Introduction
4
5This sample shows the application of the **<list\>** component in the offering classification list. In **<listGroup\>**, two **<list-item\>** components are used to display the list in the collapsed and expanded state, respectively. After a list is touched, the corresponding list items are displayed.
6
7### Usage Instructions
8
91. This sample app uses the collapsed list page as the initial page. The initial page uses **<list-item\>** as the child component of **<list\>** to display three categories: **Phones**, **Tablets**, and **Smart Office**. Touching any of the categories will display the corresponding offerings. If you touch an expanded list, the list is collapsed.
10
112. You can add, delete, and modify offering data in each category in the **en-US.json** file and view the changes on the corresponding page.
12
13### Constraints
14
15This sample can only be run on standard-system devices.
16
README_zh.md
1# 商品列表
2
3### **简介**
4
5本示例展示了list控件在商品分类列表中的应用，在listGroup里采用两个list-item分别展示了Group收缩和Group展开的两种列表形态，点击后会弹出相应的list列表。实现效果如下：
6
7
8
9#相关概念
10
11List组件包含一系列相同宽度的列表项。适合连续、多行呈现同类数据，例如图片和文本。
12
13### 相关权限
14
15不涉及。
16
17### **使用说明**
18
191.本应用以收缩后的列表页面作为初始界面，此界面采用<list-item\>作为<list\>子组件展示了手机、平板、智慧办公三个品类，实现了点击其中一种商品品类，展示出对应品类的商品列表的功能。再次点击某个展开后的列表，将收缩展开列表。
20
212.可通过增删改zh-cn.json文件中各类栏目商品的数据，查看购物界面的变化。
22
23### **约束与限制**
24
251.本示例支持标准系统上运行。
26
272.本示例需要使用DevEco Studio 3.0 Beta4 (Build Version: 3.0.0.992, built on July 14, 2022)才可编译运行。
28
