## Card 图文 ### 使用指南 ``` javascript import { Card } from 'vant'; Vue.component(Card.name, Card); ``` ### 代码演示 #### 基础用法 :::demo 基础用法 ```html ``` ::: #### 高级用法 可以通过具名`slot`添加定制内容 :::demo 高级用法 ```html
按钮一 按钮二
``` ::: ### API | 参数 | 说明 | 类型 | 默认值 | 可选值 | |-----------|-----------|-----------|-------------|-------------| | thumb | 左侧图片 | `String` | - | - | | title | 标题 | `String` | - | - | | desc | 描述 | `String` | - | - | | num | 商品数量 | `String | Number` | - | - | | price | 商品价格 | `String | Number` | - | - | | centered | 内容是否垂直居中 | `String` | `false` | - | ### Slot | name | 描述 | |-----------|-----------| | title | 自定义标题 | | desc | 自定义描述 | | tags | 自定义 tags | | thumb | 自定义 thumb | | footer | 自定义 footer |