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

CN-269 图表重构-echarts类型图表重构

Browse Source
This commit is contained in:
hyx
2022-01-26 15:40:10 +08:00
parent 014abba5d1
commit 15a19edddf
13 changed files with 841 additions and 8 deletions
Download Patch File Download Diff File Expand all files Collapse all files

70
src/assets/css/components/views/charts/chartEchartAppRelateDomain.scss Normal file
View File

@@ -0,0 +1,70 @@
.cn-panel2 {
position: relative;
.chart-list {
.vue-grid-layout > .vue-grid-item {
.cn-chart {
.app-detail__related-domain {
display: flex;
flex-direction: row;
height: 100%;
width: 100%;
.related-domain__list {
display: flex;
flex-direction: column;
flex: 0 0 25%;
overflow: auto;
padding-bottom: 20px;
border-bottom: 1px solid $--right-box-border-color;
.related-domain__list-title {
padding: 13px 30px 0;
height: 40px;
color: #6B717B;
}
.related-domain__list-body {
display: flex;
flex-direction: column;
height: calc(100% - 40px);
overflow: hidden auto;
}
.related-domain__list-row {
padding: 5px 30px;
color: #3976CB;
i {
color: #B8C1D1;
}
}
}
.related-domain__chart {
display: flex;
flex-direction: row;
flex: 1;
& > div {
flex: 0 0 50%;
display: flex;
flex-direction: column;
.related-domain__chart-title {
padding-left: 20px;
line-height: 50px;
flex: 0 0 50px;
}
.chart-drawing {
flex: 1;
}
}
}
}
}
}
}
}
.cn-panel2 .chart-list > .vue-grid-layout > .vue-grid-item > .panel-chart .chart-header {
border-bottom: 1px solid $--right-box-border-color;
}