# Card 卡片
将信息聚合在卡片容器中展示。
# 基础用法
包含标题,内容和操作。
Card 组件包括header
和body
部分,header
部分需要有显式具名 slot 分发,同时也是可选的。
鼠标悬浮或触屏点击时,阴影渐变。 已新增于 Element 2.3.3 (opens new window)
卡片名称
列表内容 1
列表内容 2
列表内容 3
列表内容 4
# 简单卡片
卡片可以只有内容区域。
列表内容 1
列表内容 2
列表内容 3
列表内容 4
# 带图片
可配置定义更丰富的内容展示。
配置body-style
属性来自定义body
部分的style
。
Vue
渐进式 JavaScript 框架
# 卡片阴影
可对阴影的显示情况进行配置。
always
、hover
、never
,通过设置shadow
属性来配置卡片阴影。
总是显示
鼠标悬浮时显示
从不显示