Appearance
merchandise-list 商品列表展示
merchandise-list 是一个商品列表展示组件,支持图片预览、SKU 展示和弹窗详情。
基础用法
vue
<template>
<merchandise-list
:list="productList"
:showCartButton="true"
>
</merchandise-list>
</template>Props
| 参数 | 说明 | 类型 | 默认值 |
|---|---|---|---|
| list | 商品列表数据 | Array | [] |
| showImageList | 是否显示图片列表行 | Boolean | true |
| showCartButton | 是否显示加入购物车按钮 | Boolean | false |
| showRight | 是否显示右侧详情区域 | Boolean | true |
Slots
| 插槽名 | 说明 |
|---|---|
| right | 列表右侧自定义内容 |
| default | 弹窗内部的自定义内容 |