2018-03-09 05:26:34 +00:00
|
|
|
<cn>
|
|
|
|
#### 典型卡片
|
|
|
|
包含标题、内容、操作区域。
|
2019-03-13 13:32:14 +00:00
|
|
|
可通过设置size为`default`或者`small`,控制尺寸
|
2018-03-09 05:26:34 +00:00
|
|
|
</cn>
|
|
|
|
|
|
|
|
<us>
|
|
|
|
#### Basic card
|
|
|
|
A basic card containing a title, content and an extra corner content.
|
2019-03-13 13:32:14 +00:00
|
|
|
Supports two sizes: `default` and `small`.
|
2018-03-09 05:26:34 +00:00
|
|
|
</us>
|
|
|
|
|
|
|
|
```html
|
|
|
|
<template>
|
2019-03-13 13:32:14 +00:00
|
|
|
<div>
|
|
|
|
<a-card title="Default size card" style="width: 300px">
|
|
|
|
<a href="#" slot="extra">more</a>
|
|
|
|
<p>card content</p>
|
|
|
|
<p>card content</p>
|
|
|
|
<p>card content</p>
|
|
|
|
</a-card>
|
|
|
|
<br>
|
|
|
|
<a-card size="small" title="Small size card" style="width: 300px">
|
|
|
|
<a href="#" slot="extra">more</a>
|
|
|
|
<p>card content</p>
|
|
|
|
<p>card content</p>
|
|
|
|
<p>card content</p>
|
|
|
|
</a-card>
|
|
|
|
</div>
|
2018-03-09 05:26:34 +00:00
|
|
|
</template>
|
|
|
|
```
|