# Card 卡片

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

# 基础用法

包含标题,内容和操作。

Card 组件包括headerbody部分,header部分需要有显式具名 slot 分发,同时也是可选的。

鼠标悬浮或触屏点击时,阴影渐变。 已新增于 Element 2.3.3 (opens new window)

卡片名称
列表内容 1
列表内容 2
列表内容 3
列表内容 4

# 简单卡片

卡片可以只有内容区域。

列表内容 1
列表内容 2
列表内容 3
列表内容 4

# 带图片

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

配置body-style属性来自定义body部分的style

Vue
渐进式 JavaScript 框架

# 卡片阴影

可对阴影的显示情况进行配置。

alwayshovernever,通过设置shadow属性来配置卡片阴影。

总是显示
鼠标悬浮时显示
从不显示