35 lines
750 B
Vue
35 lines
750 B
Vue
|
<docs>
|
|||
|
|
---
|
|||
|
|
order: 0
|
|||
|
|
title:
|
|||
|
|
zh-CN: 典型卡片
|
|||
|
|
en-US: Basic card
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## zh-CN
|
|||
|
|
|
|||
|
|
包含标题、内容、操作区域。
|
|||
|
|
可通过设置size为`default`或者`small`，控制尺寸
|
|||
|
|
|
|||
|
|
## en-US
|
|||
|
|
|
|||
|
|
A basic card containing a title, content and an extra corner content.
|
|||
|
|
Supports two sizes: `default` and `small`.
|
|||
|
|
</docs>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<a-card title="Default size card" style="width: 300px">
|
|||
|
|
<template #extra><a href="#">more</a></template>
|
|||
|
|
<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">
|
|||
|
|
<template #extra><a href="#">more</a></template>
|
|||
|
|
<p>card content</p>
|
|||
|
|
<p>card content</p>
|
|||
|
|
<p>card content</p>
|
|||
|
|
</a-card>
|
|||
|
|
</template>
|