|
|
@@ -1,49 +1,56 @@ |
|
|
|
.container { |
|
|
|
padding: 24px; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
background-size: 100% 100%; |
|
|
|
background-repeat: no-repeat; |
|
|
|
padding: 24px; |
|
|
|
display: flex; |
|
|
|
flex-direction: column; |
|
|
|
background-size: 100% 100%; |
|
|
|
background-repeat: no-repeat; |
|
|
|
|
|
|
|
.container__head { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
.container__head { |
|
|
|
display: flex; |
|
|
|
align-items: center; |
|
|
|
|
|
|
|
h2 { |
|
|
|
font-family: "微软雅黑", "Microsoft YaHei UI", -apple-system, BlinkMacSystemFont, "Helvetica Neue", |
|
|
|
"PingFang SC", "Microsoft YaHei", "Source Han Sans SC", "Noto Sans CJK SC", |
|
|
|
"WenQuanYi Micro Hei", sans-serif; |
|
|
|
margin: 0; |
|
|
|
margin-left: 6px; |
|
|
|
font-size: 18px; |
|
|
|
color: #fff; |
|
|
|
letter-spacing: 2px; |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
} |
|
|
|
h2 { |
|
|
|
font-family: '微软雅黑', 'Microsoft YaHei UI', -apple-system, |
|
|
|
BlinkMacSystemFont, 'Helvetica Neue', 'PingFang SC', 'Microsoft YaHei', |
|
|
|
'Source Han Sans SC', 'Noto Sans CJK SC', 'WenQuanYi Micro Hei', |
|
|
|
sans-serif; |
|
|
|
margin: 0; |
|
|
|
margin-left: 6px; |
|
|
|
font-size: 18px; |
|
|
|
color: #fff; |
|
|
|
letter-spacing: 2px; |
|
|
|
font-weight: 500; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.container__content { |
|
|
|
height: 1px; |
|
|
|
flex: 1; |
|
|
|
background: #25a78672; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.bgKiln { |
|
|
|
background: url(''); |
|
|
|
background: url(''); |
|
|
|
} |
|
|
|
.bgGood { |
|
|
|
background: url('../assets/good.png'); |
|
|
|
background: url('../assets/good.png'); |
|
|
|
} |
|
|
|
.bgFaultTotal { |
|
|
|
background: url(''); |
|
|
|
background: url(''); |
|
|
|
} |
|
|
|
.bgFaultType { |
|
|
|
background: url(''); |
|
|
|
background: url(''); |
|
|
|
} |
|
|
|
.bgGas { |
|
|
|
background: url(''); |
|
|
|
background: url(''); |
|
|
|
} |
|
|
|
.bgWind { |
|
|
|
background: url(''); |
|
|
|
background: url(''); |
|
|
|
} |
|
|
|
.bgEnergy { |
|
|
|
background: url('../assets/energy.png'); |
|
|
|
background: url('../assets/energy.png'); |
|
|
|
} |
|
|
|
.bgSmoke { |
|
|
|
background: url('../assets/smoke.png'); |
|
|
|
background: url('../assets/smoke.png'); |
|
|
|
} |