Card 卡片

将信息聚合在卡片容器中展示。

基础用法

卡片包含标题,内容以及操作区域。

简单卡片

卡片可以只有内容区域。

有图片内容的卡片

可配置定义更丰富的内容展示。

带有阴影效果的卡片

你可以定义什么时候展示卡片的阴影效果。

属性

属性说明类型可选值默认值
header卡片的标题 你既可以通过设置 header 来修改标题,也可以通过 slot#header 传入 DOM 节点string
body-stylebody 的样式object{ padding: '20px' }
shadow设置阴影显示时机stringalways / hover / neveralways

插槽

插槽名说明
自定义默认内容