|
|
@ -1,24 +1,17 @@ |
|
|
|
<template> |
|
|
|
<div style="padding: 16px;min-height: calc(100vh - 84px);display: flex; justify-content: center;align-items: center;"> |
|
|
|
<div class="div-box"> |
|
|
|
<div class="div-box-title"> 智能水温控制系统 </div> |
|
|
|
<div class="div-box-title"> 智能生猪饲喂系统 </div> |
|
|
|
<div class="div-ul"> |
|
|
|
<div class="div-li"> |
|
|
|
<div> |
|
|
|
<span>温度:</span>22.2℃ |
|
|
|
</div> |
|
|
|
<div> <span>湿度:</span>50% |
|
|
|
<span>当前饲料重量:</span>15kg |
|
|
|
</div> |
|
|
|
</div> |
|
|
|
<!-- ON:开启 OFF:关闭 --> |
|
|
|
<div class="div-li"> |
|
|
|
<div> |
|
|
|
<span>报警器:</span> |
|
|
|
<el-switch v-model="value2" active-color="#13ce66" inactive-color="#ff4949"> |
|
|
|
</el-switch> |
|
|
|
</div> |
|
|
|
<div> |
|
|
|
<span>加热器:</span> |
|
|
|
<span>电池状态:</span> |
|
|
|
<el-switch v-model="value2" active-color="#13ce66" inactive-color="#ff4949"> |
|
|
|
</el-switch> |
|
|
|
</div> |
|
|
@ -110,10 +103,10 @@ export default { |
|
|
|
} |
|
|
|
|
|
|
|
.div-ul { |
|
|
|
.div-li>div:nth-of-type(1) { |
|
|
|
border-right: 1px solid #ccc; |
|
|
|
margin-right: 16px; |
|
|
|
} |
|
|
|
// .div-li>div:nth-of-type(1) { |
|
|
|
// border-right: 1px solid #ccc; |
|
|
|
// margin-right: 16px; |
|
|
|
// } |
|
|
|
|
|
|
|
.div-li { |
|
|
|
font-size: 18px; |
|
|
|