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

fix: 修复部分 echart 图表bug，样式调整

Browse Source
This commit is contained in:
@changcode
2022-07-14 17:07:07 +08:00
parent eca3878819
commit c367966e04
9 changed files with 342 additions and 220 deletions
Download Patch File Download Diff File Expand all files Collapse all files

94
src/assets/css/components/views/charts2/networkOverviewDdosDetection.scss
View File

@@ -1,50 +1,64 @@
.ddos-detection {
display: flex;
height: 100%;
padding: 0 20px;
border: 1px solid #E2E5EC;
border-radius: 4px;
flex-direction: column;
justify-content: space-evenly;
.ddos-detection-type {
display: flex;
justify-content: space-between;
.ddos-detection-type-value {
display: flex;
flex-direction: column;
.ddos-detection-type-value-name {
font-size: 12px;
color: #575757;
line-height: 12px;
font-weight: 400;
margin-bottom: 12px;
}
.ddos-detection-type-value-number {
font-size: 18px;
color: #E26154;
line-height: 12px;
font-weight: 500;
}
.ddos-detection-title {
margin-top: 15px;
i {
font-size: 16px;
width: 16px;
height: 16px;
color: #38ACD2;
margin:0 8px 0 10px;
}
}
.el-button {
width: 117px;
min-height: 28px;
background: #FBFBFB;
border: 1px solid #C5C5C5;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
border-radius: 4px;
padding: 8px 5px;
span {
font-family: NotoSansHans-Medium;
font-size: 12px;
color: #575757;
font-weight: 500;
i {
transform: rotate(-90deg);
color: #575757;
.ddos-detection-value {
height: calc(100% - 36px);
padding: 0 20px;
display: flex;
flex-direction: column;
.ddos-detection-type {
display: flex;
justify-content: space-between;
margin: 20px 0;
.ddos-detection-type-value {
display: flex;
flex-direction: column;
.ddos-detection-type-value-name {
font-size: 12px;
color: #575757;
line-height: 12px;
font-weight: 400;
margin-bottom: 12px;
}
.ddos-detection-type-value-number {
font-size: 18px;
color: #E26154;
line-height: 12px;
font-weight: 500;
}
}
}
.el-button {
margin-right: 20px;
width: 117px;
min-height: 28px;
background: #FBFBFB;
border: 1px solid #C5C5C5;
box-shadow: 0 2px 4px 0 rgba(51,51,51,0.02);
border-radius: 4px;
padding: 8px 5px;
span {
font-family: NotoSansHans-Medium;
font-size: 12px;
margin-left: 4px;
color: #575757;
font-weight: 500;
i {
transform: rotate(-90deg);
color: #575757;
font-size: 12px;
margin-left: 4px;
}
}
}
}