|
|
@ -32,11 +32,34 @@ |
|
|
<div class="close">关闭</div> |
|
|
<div class="close">关闭</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
<div class="common_set update_wrap"></div> |
|
|
|
|
|
<div class="common_set update_wrap"></div> |
|
|
|
|
|
<div class="common_set info_wrap"></div> |
|
|
|
|
|
<div class="common_set info_wrap"></div> |
|
|
|
|
|
<div class="common_set info_wrap"></div> |
|
|
|
|
|
|
|
|
<div class="common_set update_wrap"> |
|
|
|
|
|
<p class="title">水浸</p> |
|
|
|
|
|
<p class="num">000/000</p> |
|
|
|
|
|
<div class="btn_wrap">更新读取水浸状态</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="common_set update_wrap"> |
|
|
|
|
|
<p class="title">液位</p> |
|
|
|
|
|
<p class="num">000/000</p> |
|
|
|
|
|
<div class="btn_wrap">更新读取液位状态</div> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="common_set info_wrap"> |
|
|
|
|
|
<p class="title">仓内</p> |
|
|
|
|
|
<p class="info">温度 100 ℃</p> |
|
|
|
|
|
<p class="info">湿度 100 ℃</p> |
|
|
|
|
|
<p class="info">过氧化氢浓度 100 PPM</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="common_set info_wrap"> |
|
|
|
|
|
<p class="title">环境1</p> |
|
|
|
|
|
<p class="info">温度 100 ℃</p> |
|
|
|
|
|
<p class="info">湿度 100 ℃</p> |
|
|
|
|
|
<p class="info">过氧化氢浓度 100 PPM</p> |
|
|
|
|
|
</div> |
|
|
|
|
|
<div class="common_set info_wrap"> |
|
|
|
|
|
<p class="title">环境2</p> |
|
|
|
|
|
<p class="info">温度 100 ℃</p> |
|
|
|
|
|
<p class="info">湿度 100 ℃</p> |
|
|
|
|
|
<p class="info">过氧化氢浓度 100 PPM</p> |
|
|
|
|
|
</div> |
|
|
</div> |
|
|
</div> |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
@ -118,8 +141,42 @@ |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
.update_wrap { |
|
|
.update_wrap { |
|
|
|
|
|
padding: 0 17px 0 40px; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
.btn_wrap { |
|
|
|
|
|
width: 184px; |
|
|
|
|
|
height: 45px; |
|
|
|
|
|
border-radius: 23px; |
|
|
|
|
|
background: #06518b; |
|
|
|
|
|
display: flex; |
|
|
|
|
|
align-items: center; |
|
|
|
|
|
justify-content: center; |
|
|
|
|
|
font-family: Source Han Sans CN; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
letter-spacing: 0.1em; |
|
|
|
|
|
color: #ffffff; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
.info_wrap { |
|
|
.info_wrap { |
|
|
|
|
|
padding: 0 32px 0 40px; |
|
|
|
|
|
justify-content: space-between; |
|
|
|
|
|
.title { |
|
|
|
|
|
font-family: Source Han Sans CN; |
|
|
|
|
|
font-size: 20px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
letter-spacing: 0.06em; |
|
|
|
|
|
color: #000000; |
|
|
|
|
|
width: 57px; |
|
|
|
|
|
white-space: nowrap; |
|
|
|
|
|
} |
|
|
|
|
|
.info { |
|
|
|
|
|
font-family: Source Han Sans CN; |
|
|
|
|
|
font-size: 14px; |
|
|
|
|
|
font-weight: 500; |
|
|
|
|
|
letter-spacing: 0.1em; |
|
|
|
|
|
color: #06518b; |
|
|
|
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |
maochaoying
2 years ago