blackteay/vant
1
0
Fork 0
mirror of https://gitee.com/vant-contrib/vant.git synced 2025-11-23 12:42:09 +08:00
Code Issues Projects Releases Wiki Activity
vant/docs/examples-docs/en-US/card.md
neverland 14de879a3b [Doc] add some english documents (#220) 
* [bugfix] Checkbox border render error in weixin browser

* [bugfix] TreeSelect dependency path error

* [bugfix] Swipe should clear autoplay timer when destroyed
2017-10-18 07:14:25 -05:00

1.4 KiB
Raw Blame History

Card

Install

import { Card } from 'vant';

Vue.component(Card.name, Card);

Usage

Basic Usage

:::demo Basic Usage

<van-card
  title="Title"
  desc="Description"
  num="2"
  price="2.00"
  :thumb="imageURL"
/>

:::

Advanced Usage

Use slot to custom content.

:::demo Advanced Usage

<van-card
  title="Title"
  desc="Description"  
  num="2"
  price="2.00"
  :thumb="imageURL"
>
  <div slot="footer">
    <van-button size="mini">Button</van-button>
    <van-button size="mini">Button</van-button>
  </div>
</van-card>

:::

API

Attribute Description Type Default Accepted Values
thumb Left thumb String - -
title Title String - -
desc Description String - -
num Number of goods `String Number` -
price Price of goods `String Number` -
centered Whether content vertical centered String false -

Slot

name Description
title Custom title
desc Custom description
tags Custom tags
thumb Custom thumb
footer Custom footer