Element Card 卡片的具体使用

组件— 卡片

基础用法

Element Card 卡片的具体使用_第1张图片


 
卡片名称 操作按钮
{{'列表内容 ' + o }}

简单卡片

Element Card 卡片的具体使用_第2张图片


 
{{'列表内容 ' + o }}

带图片

Element Card 卡片的具体使用_第3张图片


 
  
   ![在这里插入图片描述](https://imgconvert.csdnimg.cn/aHR0cHM6Ly9zaGFkb3cuZWxlbWVjZG4uY29tL2FwcC9lbGVtZW50L2hhbWJ1cmdlci45Y2Y3YjA5MS01NWU5LTExZTktYTk3Ni03ZjRkMGIwN2VlZjYucG5n)
   
好吃的汉堡
操作按钮

卡片阴影


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

Attributes:

参数 类型 说明 可选值 默认值
header 设置 header,也可以通过 slot#header 传入 DOM string
body-style 设置 body 的样式 object { padding: ‘20px' }

到此这篇关于Element Card 卡片的具体使用的文章就介绍到这了,更多相关Element Card 卡片内容请搜索脚本之家以前的文章或继续浏览下面的相关文章希望大家以后多多支持脚本之家!

你可能感兴趣的:(Element Card 卡片的具体使用)