• Home
  • Line#
  • Scopes#
  • Navigate#
  • Raw
  • Download
1# 商品列表
2
3### **简介**
4
5本示例展示了list控件在商品分类列表中的应用,在listGroup里采用两个list-item分别展示了Group收缩和Group展开的两种列表形态,点击后会弹出相应的list列表。实现效果如下:
6
7![](screenshots/device/closed.png)
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