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