refactor(web-antd): 优化电表信息卡片的样式和内容
This commit is contained in:
@@ -51,7 +51,7 @@ function targetFn() {
|
||||
<div class="cards-container">
|
||||
<div v-for="item in readingData" class="meterInfo-card">
|
||||
<h2>
|
||||
{{ item.meterName }}<span>{{ item.installLocation }}</span>
|
||||
{{ item.meterName }}
|
||||
</h2>
|
||||
<div class="meterInfo-reading">
|
||||
<p>{{ item.initReading }}</p>
|
||||
@@ -60,24 +60,23 @@ function targetFn() {
|
||||
<div class="meterInfo-list">
|
||||
<ul>
|
||||
<li>
|
||||
<span>时间:</span>
|
||||
<span>采集时间:</span>
|
||||
<span>{{ readingTime }}</span>
|
||||
</li>
|
||||
<li>
|
||||
<span>采集器IP:</span>
|
||||
<span>{{ item.hostIp }}</span>
|
||||
<span>设备位置:</span>
|
||||
<span>{{ item.installLocation }}</span>
|
||||
</li>
|
||||
</ul>
|
||||
</div>
|
||||
<div class="button-get-plan">
|
||||
<a
|
||||
href="#"
|
||||
v-if="item.communicationState !== 0"
|
||||
style="background: #6bb1e3"
|
||||
>
|
||||
<span>在线</span>
|
||||
</a>
|
||||
<a href="#" v-else style="background: orange">
|
||||
<a v-else style="background: orange">
|
||||
<span>离线</span>
|
||||
</a>
|
||||
</div>
|
||||
@@ -119,7 +118,7 @@ function targetFn() {
|
||||
border-bottom: 4px solid #87ceeb;
|
||||
box-shadow: 0 6px 30px rgba(173, 216, 230, 0.3);
|
||||
font-family: 'Poppins', sans-serif;
|
||||
height: 290px;
|
||||
height: 270px;
|
||||
margin: 0 5px 20px 5px;
|
||||
}
|
||||
|
||||
@@ -207,6 +206,7 @@ function targetFn() {
|
||||
|
||||
.meterInfo-list ul li span {
|
||||
font-weight: 300;
|
||||
white-space: nowrap;
|
||||
}
|
||||
|
||||
.button-get-plan {
|
||||
|
Reference in New Issue
Block a user