gfwleak/cyber-narrator-cn-ui
Archived
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 修复echarts图表尺寸异常的问题

Browse Source
This commit is contained in:
chenjinsong
2021-09-08 21:44:29 +08:00
parent 95f3602248
commit e27ad46609
5 changed files with 12 additions and 7 deletions
Download Patch File Download Diff File Expand all files Collapse all files

11
src/assets/css/chart.scss
View File

@@ -19,6 +19,12 @@
font-weight:900; font-weight:900;
} }
} }
.cn-chart__single-value {
.chart__loading {
top: 0;
height: 100%;
}
}
.chart__loading { .chart__loading {
position: absolute; position: absolute;
height: calc(100% - 50px); height: calc(100% - 50px);
@@ -28,9 +34,8 @@
i { i {
position: absolute; position: absolute;
left: 50%; left: calc(50% - 15px);
top: 50%; top: calc(50% - 15px);
transform: translate(-50%, -50%);
font-size: 30px; font-size: 30px;
color: #aaa; color: #aaa;
} }

2
src/components/charts/ChartMap.vue
View File

@@ -12,7 +12,7 @@
<div class="cn-chart__body"> <div class="cn-chart__body">
<slot></slot> <slot></slot>
</div> </div>
<div class="cn-chart__body chart__loading" v-show="loading"> <div class="chart__loading" v-show="loading">
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
</div> </div>
<div class="cn-chart__footer"> <div class="cn-chart__footer">

2
src/components/charts/ChartSingleValue.vue
View File

@@ -4,7 +4,7 @@
<div class="single-value-icon__box" > <div class="single-value-icon__box" >
<div class="single-value__icon"><i :class="icon"></i></div> <div class="single-value__icon"><i :class="icon"></i></div>
</div> </div>
<div class="single-value__content chart__loading" style="height: 100%; width: 100%;" v-show="loading"> <div class="chart__loading" v-show="loading">
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
</div> </div>
<div class="single-value__content" v-if="type === 51"> <div class="single-value__content" v-if="type === 51">

2
src/components/charts/ChartTable.vue
View File

@@ -9,7 +9,7 @@
<slot name="operations"></slot> <slot name="operations"></slot>
</div> </div>
</div> </div>
<div class="cn-chart__body chart__loading" v-show="loading"> <div class="chart__loading" v-show="loading">
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
</div> </div>
<div class="cn-chart__body" v-no-data="noData"> <div class="cn-chart__body" v-no-data="noData">

2
src/components/charts/EchartsFrame.vue
View File

@@ -12,7 +12,7 @@
<div class="cn-chart__body" :class="{'pie-with-table': isPieWithTable}" v-no-data="noData"> <div class="cn-chart__body" :class="{'pie-with-table': isPieWithTable}" v-no-data="noData">
<slot></slot> <slot></slot>
</div> </div>
<div class="cn-chart__body chart__loading" v-show="loading"> <div class="chart__loading" v-show="loading">
<i class="el-icon-loading"></i> <i class="el-icon-loading"></i>
</div> </div>
<div class="cn-chart__footer" v-if="layout.indexOf(layoutConstant.FOOTER) > -1 && !noData" :class="{'pie-with-table': isPieWithTable}"> <div class="cn-chart__footer" v-if="layout.indexOf(layoutConstant.FOOTER) > -1 && !noData" :class="{'pie-with-table': isPieWithTable}">