Card 卡片
将信息聚合在卡片容器中展示。
基础用法
卡片包含标题,内容以及操作区域。
简单卡片
卡片可以只有内容区域。
有图片内容的卡片
可配置定义更丰富的内容展示。
带有阴影效果的卡片
你可以定义什么时候展示卡片的阴影效果。
属性
属性 | 说明 | 类型 | 可选值 | 默认值 |
---|---|---|---|---|
header | 卡片的标题 你既可以通过设置 header 来修改标题,也可以通过 slot#header 传入 DOM 节点 | string | — | — |
body-style | body 的样式 | object | — | { padding: '20px' } |
shadow | 设置阴影显示时机 | string | always / hover / never | always |
插槽
插槽名 | 说明 |
---|---|
— | 自定义默认内容 |