|
@@ -27,8 +27,8 @@ |
|
|
|
|
|
|
|
|
<div> |
|
|
<div> |
|
|
<TechyBox class="water-consume"> |
|
|
<TechyBox class="water-consume"> |
|
|
<div class="header-part has-border"> |
|
|
|
|
|
<img src="./assets/consume/s.png" width="32" height="32" alt="water"> |
|
|
|
|
|
|
|
|
<div class="header-part "> |
|
|
|
|
|
<img src="./assets/consume/s.png" width="32" height="32" alt="water" /> |
|
|
<span>水</span> |
|
|
<span>水</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="content-part"> |
|
|
<div class="content-part"> |
|
@@ -62,8 +62,8 @@ |
|
|
|
|
|
|
|
|
<div> |
|
|
<div> |
|
|
<TechyBox class="gas-consume"> |
|
|
<TechyBox class="gas-consume"> |
|
|
<div class="header-part has-border"> |
|
|
|
|
|
<img src="./assets/consume/gas.png" width="32" height="32" alt="qi"> |
|
|
|
|
|
|
|
|
<div class="header-part "> |
|
|
|
|
|
<img src="./assets/consume/gas.png" width="32" height="32" alt="qi" /> |
|
|
<span>气</span> |
|
|
<span>气</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="content-part"> |
|
|
<div class="content-part"> |
|
@@ -95,7 +95,7 @@ |
|
|
<div style="flex: 1;"> |
|
|
<div style="flex: 1;"> |
|
|
<TechyBox class="dian-consume"> |
|
|
<TechyBox class="dian-consume"> |
|
|
<div class="header-part"> |
|
|
<div class="header-part"> |
|
|
<img src="./assets/consume/d.png" width="32" height="32" alt="dian"> |
|
|
|
|
|
|
|
|
<img src="./assets/consume/d.png" width="32" height="32" alt="dian" /> |
|
|
<span>电</span> |
|
|
<span>电</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="content-part"> |
|
|
<div class="content-part"> |
|
@@ -107,7 +107,7 @@ |
|
|
<div style="flex: 1;"> |
|
|
<div style="flex: 1;"> |
|
|
<TechyBox class="elec-consume"> |
|
|
<TechyBox class="elec-consume"> |
|
|
<div class="header-part"> |
|
|
<div class="header-part"> |
|
|
<img src="./assets/consume/fad.png" width="32" height="32" alt="fadian"> |
|
|
|
|
|
|
|
|
<img src="./assets/consume/fad.png" width="32" height="32" alt="fadian" /> |
|
|
<span>发电</span> |
|
|
<span>发电</span> |
|
|
</div> |
|
|
</div> |
|
|
<div class="content-part"> |
|
|
<div class="content-part"> |
|
@@ -211,6 +211,7 @@ export default { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
width: 100%; |
|
|
width: 100%; |
|
|
|
|
|
height: calc(100vmin / 1920 * 28); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.row > .name, |
|
|
.row > .name, |
|
@@ -226,7 +227,10 @@ export default { |
|
|
.diy-process-bar { |
|
|
.diy-process-bar { |
|
|
margin: 0 8px; |
|
|
margin: 0 8px; |
|
|
border-radius: 7px; |
|
|
border-radius: 7px; |
|
|
height: 8px; |
|
|
|
|
|
|
|
|
height: calc(100vmin / 1920 * 14); |
|
|
|
|
|
/* margin: 0 8px; |
|
|
|
|
|
border-radius: 7px; */ |
|
|
|
|
|
/* height: 8px; */ |
|
|
flex: 1 1; |
|
|
flex: 1 1; |
|
|
background-color: #fff3; |
|
|
background-color: #fff3; |
|
|
overflow: hidden; |
|
|
overflow: hidden; |
|
|