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

style : 根据BEM命名规范修改不符合规范的命名

Browse Source
This commit is contained in:
zhangxiaolong
2022-03-16 14:18:03 +08:00
parent a855a90643
commit aff7a54351
7 changed files with 54 additions and 54 deletions
Download Patch File Download Diff File Expand all files Collapse all files

8
src/assets/css/components/views/charts/ChartOneSituationStatistics.scss
View File

@@ -1,11 +1,11 @@
.chart-one-situation-statistics{
.cn-chart__one-situation-statistics{
height: 100%;
.situation-statistics-main {
.one-situation-statistics__box {
display: flex;
align-items: center;
margin-left: 33px;
height: 100%;
.situation-statistics-main-left{
.box__progress{
display: block;
width: 76px;
height: 76px;
@@ -13,7 +13,7 @@
font-size: 16px;
}
}
.situation-statistics-main-right{
.box__count{
margin-left: 22px;
:first-child{
font-size: 18px;

8
src/assets/css/components/views/charts/ChartTwoSituationStatistics.scss
View File

@@ -1,18 +1,18 @@
.chart-two-situation-statistics{
.cn-chart__two-situation-statistics{
padding-top: 22px;
.chart-two-situation-statistics-top {
.box__body {
display: flex;
align-items: center;
margin-left: 33px;
padding-top: 22px;
.chart-two-situation-statistics-main-left{
.body__progress{
display: block;
.el-progress__text span{
font-size: 16px;
}
}
.chart-two-situation-statistics-main-right{
.body__count{
margin-left: 22px;
:first-child{
font-size: 18px;

32
src/assets/css/components/views/charts/chartAlarmInfo.scss
View File

@@ -1,13 +1,13 @@
.cn-chart-alarm-info {
.cn-chart__alarm-info {
width: 100%;
height: 100%;
position: relative;
.cn-chart-alarm-info-mainContent {
.alarm-info__box {
height: calc(100% - 40px);
width: 100%;
.cn-chart-alarm-content {
.box__body {
display: flex;
margin-left: 30px;
margin-right: 30px;
@@ -16,16 +16,16 @@
height: calc(100% / 9);
border-bottom: 1px solid #E7EAED;
.cn-alarm-info-main {
.body__content {
display: flex;
.cn-alarm-info-main-left {
.content__icon-box {
position: relative;
display: flex;
justify-content: center;
align-items: center;
.cn-chart-alarm-info-icon {
.icon-box__icon {
width: 30px;
height: 30px;
border-radius: 50%;
@@ -42,10 +42,10 @@
}
}
.cn-alarm-info-textContent {
.content__text-box {
margin-left: 17px;
.cn-alarm-info-main-title {
.text-box__title {
font-size: 16px;
line-height: 19px;
font-family: Roboto-Regular;
@@ -57,7 +57,7 @@
overflow: hidden;
}
.cn-alarm-info-bottom {
.text-box__text {
font-size: 12px;
line-height: 14px;
text-align: center;
@@ -70,7 +70,7 @@
margin-bottom: 4px;
}
.cn-alarm-info-bottom-middle {
.text__time-box {
display: flex;
margin-left: 20px;
height: 14px;
@@ -82,7 +82,7 @@
font-size: 12px;
}
.cn-alarm-info-bottom-time {
.time-box__start-time {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #999999;
@@ -91,7 +91,7 @@
}
}
.cn-alarm-info-bottom-right {
.text__duration-box {
height: 14px;
display: flex;
justify-content: center;
@@ -104,7 +104,7 @@
font-size: 12px;
}
.cn-alarm-info-bottom-time {
.time-box__start-time {
font-family: PingFangSC-Regular;
font-size: 12px;
color: #999999;
@@ -113,7 +113,7 @@
}
}
.cn-alarm-info-bottom-type {
.text__type {
width: auto;
font-family: Roboto-Regular;
line-height: 16px;
@@ -129,7 +129,7 @@
word-break: break-all;
}
.cn-alarm-info-bottom-circle {
.duration-box__circle {
display: inline-block;
width: 5px;
height: 5px;
@@ -148,7 +148,7 @@
}
}
.cn-chart-alarm-info-pagination {
.alarm-info__pagination {
height: 40px !important;
width: 100%;
}