wuui
  • README
  • 开发指南
    • 介绍
    • 快速上手
    • 定制主题
  • 基础组件
    • Button 按钮
    • Cell 单元格
    • Icon 图标
    • Image 图片
    • Popup 弹出层
    • Toast 轻提示
  • 表单组件
    • Checkbox 复选框
    • Field 输入框
    • Form 表单
    • Search 搜索
    • Signature 签名
    • Stepper 步进器
  • 导航组件
    • BackTop 回到顶部
    • Grid 宫格
    • NavBar 导航栏
  • 展示组件
    • CountDown 倒计时
    • Divider 分割线
    • Empty 空状态
    • Splash 过渡页
    • Tag 标签
  • 反馈组件
    • Loading 加载
    • SwipeCell 滑动单元格
  • 业务组件
    • ActionBar 商品动作栏
    • Card 商品卡片
    • SubmitBar 提交订单栏
Powered by GitBook
On this page
  • 介绍
  • 引入
  • API
  • @Props
  • Events
  • @BuilderParam
  1. 业务组件

Card 商品卡片

介绍

商品卡片,用于展示商品的图片、价格等信息。

引入

import { WuCard } from '@itrain/wu-ui'

API

@Props

名称
说明
类型
是否必需
默认值

title

标题

string

否

desc

描述

string

否

thumb

左侧图片

ResourceStr

否

thumbLink

点击左侧图片后 跳转的链接地址

string

否

price

商品价格

number

否

0

originPrice

商品划线原价

number

否

0

num

商品数量

number

否

0

currency

货币符号

string

否

'¥'

tag

图片角标

string

否

Events

名称
说明
回调函数

onClickThumb

点击自定义图片时触发

() => void

@BuilderParam

名称
说明

customTitle

自定义标题

customDesc

自定义描述

customThumb

自定义左侧图片

customPrice

自定义价格

customOriginPrice

自定义划线原价

customNum

自定义商品数量

customTag

自定义图片角标

customFooter

自定义右下角内容

PreviousActionBar 商品动作栏NextSubmitBar 提交订单栏

Last updated 7 months ago