卡片 Card
通用卡片容器,支持标题、头部/底部插槽和阴影控制。
Props
| 属性 | 类型 | 默认值 | 说明 |
|---|---|---|---|
title | string | '' | 卡片标题(也可用 header 插槽) |
shadow | 'always' | 'hover' | 'never' | 'always' | 阴影模式 |
Slots
| 插槽 | 说明 |
|---|---|
| 默认 | 卡片内容 |
header | 自定义头部 |
footer | 自定义底部 |
示例
vue
<template>
<Card title="用户信息" shadow="hover">
卡片内容
<template #footer>底部操作区</template>
</Card>
</template>