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

34 lines
749 B
Markdown

<cn>
#### 栅格卡片
在系统概览页面常常和栅格进行配合。
</cn>
<us>
#### Card in column
Cards usually cooperate with grid column layout in overview page.
</us>
```html
<template>
<div style="background-color: #ececec; padding: 20px;">
<a-row :gutter="16">
<a-col :span="8">
<a-card title="Card title" :bordered=false>
<p>card content</p>
</a-card>
</a-col>
<a-col :span="8">
<a-card title="Card title" :bordered=false>
<p>card content</p>
</a-card>
</a-col>
<a-col :span="8">
<a-card title="Card title" :bordered=false>
<p>card content</p>
</a-card>
</a-col>
</a-row>
</div>
</template>
```