提取公共的card样式
This commit is contained in:
@ -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
|
||||
|
Reference in New Issue
Block a user