|
@@ -26,60 +26,7 @@
|
|
|
</div>
|
|
|
<div class="starte-right">
|
|
|
<p class="strate-right-title">当前状态</p>
|
|
|
- <div class="strate-right-box">
|
|
|
- <div class="strate-right-box-1">
|
|
|
- <div class="starte-right-box-1-title">冷水机组</div>
|
|
|
- <div class="starte-right-box-1-content1">
|
|
|
- <p>0</p>
|
|
|
- <p>0</p>
|
|
|
- <p>12 ℃</p>
|
|
|
- </div>
|
|
|
- <div class="starte-right-box-1-content">
|
|
|
- <p>大</p>
|
|
|
- <p>小</p>
|
|
|
- <p>温度</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="strate-right-box-1">
|
|
|
- <div class="starte-right-box-1-title">冷水机组</div>
|
|
|
- <div class="starte-right-box-1-content1">
|
|
|
- <p>0</p>
|
|
|
- <p>0</p>
|
|
|
- <p>12HZ</p>
|
|
|
- </div>
|
|
|
- <div class="starte-right-box-1-content">
|
|
|
- <p>大</p>
|
|
|
- <p>小</p>
|
|
|
- <p>设定频率</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="strate-right-box-1">
|
|
|
- <div class="starte-right-box-1-title">冷水机组</div>
|
|
|
- <div class="starte-right-box-1-content1">
|
|
|
- <p>0</p>
|
|
|
- <p>0</p>
|
|
|
- <p>24HZ</p>
|
|
|
- </div>
|
|
|
- <div class="starte-right-box-1-content">
|
|
|
- <p>大</p>
|
|
|
- <p>小</p>
|
|
|
- <p>设定频率</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- <div class="strate-right-box-1">
|
|
|
- <div class="starte-right-box-1-title">冷水机组</div>
|
|
|
- <div class="starte-right-box-1-content1">
|
|
|
- <p>0</p>
|
|
|
- <p>0</p>
|
|
|
- <p>24HZ</p>
|
|
|
- </div>
|
|
|
- <div class="starte-right-box-1-content">
|
|
|
- <p>大</p>
|
|
|
- <p>小</p>
|
|
|
- <p>设定频率</p>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
- </div>
|
|
|
+ <water-unit></water-unit>
|
|
|
<animation-box></animation-box>
|
|
|
</div>
|
|
|
</div>
|
|
@@ -88,7 +35,8 @@
|
|
|
|
|
|
<script>
|
|
|
import Head from "../main/index";
|
|
|
-import animationBox from '../strategy/animationBox'
|
|
|
+import animationBox from './animationBox'
|
|
|
+import waterUnit from './waterUnit'
|
|
|
export default {
|
|
|
data() {
|
|
|
return {
|
|
@@ -97,7 +45,7 @@ export default {
|
|
|
};
|
|
|
},
|
|
|
components: {
|
|
|
- Head,animationBox
|
|
|
+ Head,animationBox,waterUnit
|
|
|
}
|
|
|
};
|
|
|
</script>
|
|
@@ -148,41 +96,7 @@ export default {
|
|
|
color: #1F2429;
|
|
|
font-size: 22px;
|
|
|
}
|
|
|
- .strate-right-box{
|
|
|
- display: flex;
|
|
|
- justify-content: space-between;
|
|
|
- .strate-right-box-1{
|
|
|
- min-width: 264px;
|
|
|
- border-radius:6px;
|
|
|
- border:1px solid rgba(238,238,238,1);
|
|
|
- margin-right:18px;
|
|
|
- .starte-right-box-1-title{
|
|
|
- padding-left: 28px;
|
|
|
- height: 56px;
|
|
|
- line-height:56px;
|
|
|
- font-size: 16px;
|
|
|
- background:rgba(248,249,250,1);
|
|
|
- color: #1F2429;
|
|
|
- }
|
|
|
- p{
|
|
|
- padding: 0;
|
|
|
- margin:0;
|
|
|
- }
|
|
|
- .starte-right-box-1-content1{
|
|
|
- display: flex;
|
|
|
- font-size: 24px;
|
|
|
- justify-content:space-evenly;
|
|
|
- margin-top: 11px;
|
|
|
- }
|
|
|
- .starte-right-box-1-content{
|
|
|
- display: flex;
|
|
|
- font-size: 14px;
|
|
|
- margin-top: 4px;
|
|
|
- margin-bottom: 14px;
|
|
|
- justify-content:space-evenly;
|
|
|
- }
|
|
|
- }
|
|
|
- }
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</style>
|