Skip to content
On this page

Card 卡片

基本使用

这是一个卡片
<el-card>这是一个卡片</el-card>

标题

这是一个卡片
header内容
这是一个带head卡片
<el-card>这是一个卡片</el-card>
<el-card header="header内容">这是一个带head卡片</el-card>

自定义样式

标题
这是一个圆角卡片
<el-card header="标题" :body-style="{ padding: '0px', borderRadius: '4px' }">这是一个圆角卡片</el-card>

阴影

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

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