ElementCard卡片的具体使用_el-card - CSDN文库

1星 105 浏览量更新于2023-05-04 收藏 86KB PDF 举报

身份认证购VIP最低享 7 折!

领优惠券(最高得80元）

资源详情

资源推荐

Element Card 卡片的具体使用卡片的具体使用

组件组件— 卡片卡片

基础用法基础用法

<el-card class="box-card">

<div slot="header" class="clearfix">

<span>卡片名称</span>

<el-button style="float: right; padding: 3px 0" type="text">操作按钮</el-button>

</div>

<div v-for="o in 4" :key="o" class="text item">

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

</div>

</el-card>

<style>

.text {

font-size: 14px;

}

.item {

margin-bottom: 18px;

}

.clearfix:before,

.clearfix:after {

display: table;

content: "";

}

.clearfix:after {

clear: both

}

.box-card {

width: 480px;

}

</style>

简单卡片简单卡片

<el-card class="box-card">

<div v-for="o in 4" :key="o" class="text item">

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

</div>

</el-card>

<style>

.text {

font-size: 14px;

}

.item {

padding: 18px 0;

}

.box-card {

本内容试读结束，登录后可阅读更多

下载后可阅读完整内容，剩余2页未读，立即下载

weixin_38699724

粉丝: 6
资源: 934

会员权益专享

图片转文字

全年可省5，000元立即开通

最新资源

资源上传下载、课程学习等过程中有任何疑问或建议，欢迎提出宝贵意见哦~我们会及时处理！点击此处反馈