手册版本 V5.0

组件介绍

gui-product-list 组件用于以列表形式展示商品（一行2列），包含图片、价格、购买人数数据展示；

组件名称

gui-product-list : /graceUI/组件目录/gui-product-list

兼容平台

组件属性

组件事件

gotoInfo(index, item) : 点击商品时触发，携带参数 : 数据索引, 对应商品数据 

相关说明

01. 组件宽度 = （375 - 间距 * 2）, 产品列表外层不用有左右间距；
02. 组件所需的数据格式 : 

[{

  "name": "vivo iQOO旗舰新品",

  "img": "http://gju2.alicdn.com/tps/i3/O1CN0147JEEe23ooz3rBDAX_!!1-juitemmedia.gif",

  "priceMarket": "2999",

  "price": "2888",

  "selledNum": "3815"

  },...
]

改进建议

如果组件不能满足您的项目要求 ( 或者数据格式与您的后端不一样 )， 请按照下面的步骤改进组件 :
1. 复制一份 gui-product-list.vue 命名为自己的组件；
2. 改进组件，添加元素及样式；
3. 在页面上使用自己的自定义组件；

演示代码