提取公共的card样式

This commit is contained in:
白菜
2025-06-17 00:46:20 +08:00
parent da100a4fa7
commit 9174e8b6aa
8 changed files with 40 additions and 133 deletions

View File

@ -1,35 +1,14 @@
<template>
<el-card shadow="always" class="chart-card-container">
<el-card shadow="always" class="common-card-container common-card-container-body-no-padding">
<div slot="header">
<span class="chart-title">系统效率</span>
<span class="card-title">系统效率</span>
</div>
<div style="height: 360px" id="xtxlChart"/>
</el-card>
</template>
<style scoped lang="scss">
.chart-card-container{
::v-deep {
.el-card__header{
padding:14px;
border-bottom: none;
font-size: 12px;
background: #F1F5FB ;
.chart-title{
font-weight: 500;
color:#333333;
}
.el-button--text{
color: #666666;
}
}
.el-card__body{
padding:0;
}
}
}
</style>
<style scoped lang="scss"></style>
<script>
import * as echarts from 'echarts'
require('echarts/theme/macarons') // echarts theme