Skip to content

Good商品展示

介绍

商品展示,用于展示商品的图片、价格等信息,与good展示形式不同。

按需引入

将components目录下easy-good组件复制到你的项目conponents目录。

代码演示

基础用法

html
<easy-good image="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" title="商品名称"  desc="描述信息" price="2.00" :num="2"></easy-good>
<easy-good image="https://fastly.jsdelivr.net/npm/@vant/assets/ipad.jpeg" title="商品名称"  desc="描述信息" price="2.00" :num="2"></easy-good>

API

Props

参数说明类型默认值
image左侧图片 URLstring-
title标题string-
price商品价格string-

Events

事件名说明回调参数
click点击时触发event: MouseEvent

Released under the MIT License.