Skip to content

merchandise-list 商品列表展示

merchandise-list 是一个商品列表展示组件,支持图片预览、SKU 展示和弹窗详情。

基础用法

vue
<template>
  <merchandise-list 
    :list="productList" 
    :showCartButton="true"
  >
  </merchandise-list>
</template>

Props

参数说明类型默认值
list商品列表数据Array[]
showImageList是否显示图片列表行Booleantrue
showCartButton是否显示加入购物车按钮Booleanfalse
showRight是否显示右侧详情区域Booleantrue

Slots

插槽名说明
right列表右侧自定义内容
default弹窗内部的自定义内容