38 lines
784 B
Vue
38 lines
784 B
Vue
|
<docs>
|
|||
|
|
---
|
|||
|
|
order: 5
|
|||
|
|
title:
|
|||
|
|
zh-CN: 内部卡片
|
|||
|
|
en-US: Inner card
|
|||
|
|
---
|
|||
|
|
|
|||
|
|
## zh-CN
|
|||
|
|
|
|||
|
|
可以放在普通卡片内部，展示多层级结构的信息
|
|||
|
|
|
|||
|
|
## en-US
|
|||
|
|
|
|||
|
|
It can be placed inside the ordinary card to display the information of the multilevel structure
|
|||
|
|
|
|||
|
|
</docs>
|
|||
|
|
|
|||
|
|
<template>
|
|||
|
|
<a-card title="Card title">
|
|||
|
|
<p style="font-size: 14px; color: rgba(0, 0, 0, 0.85); margin-bottom: 16px; font-weight: 500">
|
|||
|
|
Group title
|
|||
|
|
</p>
|
|||
|
|
<a-card title="Inner card title">
|
|||
|
|
<template #extra>
|
|||
|
|
<a href="#">More</a>
|
|||
|
|
</template>
|
|||
|
|
Inner Card content
|
|||
|
|
</a-card>
|
|||
|
|
<a-card title="Inner card title" :style="{ marginTop: '16px' }">
|
|||
|
|
<template #extra>
|
|||
|
|
<a href="#">More</a>
|
|||
|
|
</template>
|
|||
|
|
Inner Card content
|
|||
|
|
</a-card>
|
|||
|
|
</a-card>
|
|||
|
|
</template>
|