ant-design-vue/components/card/demo/basic.md

32 lines
727 B
Markdown
Raw Normal View History

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>
```