测试

src/views/home/yuxin.vue

@@ -172,12 +172,12 @@
           <!-- 文字标签覆盖层 -->
           <div class="overlay-labels">
             <!-- 左侧仪表参数 -->
-            <div class="label data-box" style="left: 6.5%; top: 3%"
+            <div class="label data-box" style="left: 6.5%; top: 0%"
               >主蒸汽压力:{{
                 zzq.主蒸汽压力.value.value + ' ' + zzq.主蒸汽压力.value.unit
               }}</div
             >
-            <div class="label data-box" style="left: 6.5%; top: 29%"
+            <div class="label data-box" style="left: 6.5%; top: 24%"
               >主蒸汽温度:
               {{
                 zzq.主蒸汽温度.value.value + ' ' + zzq.主蒸汽温度.value.unit
@@ -220,12 +220,12 @@
               >过热器</div
             >
             <!-- 低温过热器 -->
-            <div class="label data-box" style="left: 35.9%; top: 1%"
+            <div class="label data-box" style="left: 35.9%; top: 0"
               >温度:{{
                 dwgrq.进口温度.value.value + ' ' + dwgrq.进口温度.value.unit
               }}</div
             >
-            <div class="label data-box" style="left: 35.7%; top: 7%"
+            <div class="label data-box" style="left: 35.7%; top: 5%"
               >压力:
               {{
                 dwgrq.低温过热器前烟压.value.value +
@@ -267,55 +267,55 @@
               "
               >汽包</div
             >
-            <div class="label data-box" style="left: 53%; top: 47%"
+            <div class="label data-box" style="left: 53%; top: 40%"
               >汽包液位:{{
                 qp.汽包液位.value.value + ' ' + qp.汽包液位.value.unit
               }}</div
             >
             <!-- 气包右侧参数 -->
-            <div class="label data-box" style="left: 54%; top: 8%"
+            <div class="label data-box" style="left: 54%; top: 9%"
               >汽包进口温度:{{
                 qp.汽包进口温度.value.value + ' ' + qp.汽包进口温度.value.unit
               }}</div
             >
-            <div class="label data-box" style="left: 54%; top: 16%"
+            <div class="label data-box" style="left: 54%; top: 19%"
               >汽包出口温度:{{
                 qp.汽包出口温度.value.value + ' ' + qp.汽包出口温度.value.unit
               }}</div
             >
             <!-- 省煤器 -->
-            <div class="label device-name" style="left: 71%; top: 42%"
+            <div class="label device-name" style="left: 71%; top: 37%"
               >省煤器</div
             >
-            <div class="label data-box" style="left: 70%; top: 8%"
+            <div class="label data-box" style="left: 70%; top: 6%"
               >出口水温:
               {{
                 smq.出口水温.value.value + ' ' + smq.出口水温.value.unit
               }}</div
             >
             <!-- 给水箱 -->
-            <div class="label data-box" style="left: 36%; top: 73%"
+            <div class="label data-box" style="left: 36%; top: 67%"
               >水位:{{
                 sxyw.水位.value.value + ' ' + sxyw.水位.value.unit
               }}</div
             >
             <!-- 给水泵 -->
-            <div class="label device-name" style="left: 60%; top: 90%"
+            <div class="label device-name" style="left: 60%; top: 87%"
               >给水泵</div
             >
-            <div class="label data-box" style="left: 78%; top: 83%"
+            <div class="label data-box" style="left: 78%; top: 80%"
               >压力:
               {{ gs.给水压力.value.value + ' ' + gs.给水压力.value.unit }}</div
             >
-            <div class="label data-box" style="left: 78%; top: 95%"
+            <div class="label data-box" style="left: 78%; top: 91%"
               >出口流量:
               {{ gs.出口流量.value.value + ' ' + gs.出口流量.value.unit }}</div
             >
             <!-- 左下角给水 -->
-            <div class="label device-name" style="left: 2%; top: 93.5%"
+            <div class="label device-name" style="left: 2%; top: 87.6%"
               >给水</div
             >
-            <div class="label data-box" style="left: 4%; top: 88%"
+            <div class="label data-box" style="left: 4%; top: 82%"
               >进口流量:
               {{
                 zgs.进口流量.value.value + ' ' + zgs.进口流量.value.unit
@@ -1417,7 +1417,7 @@
           &.steam-bg {
             background-image: url('~@/assets/home2.png');
             left: 80px;
-            top: 30px;
+            // top: 30px;
             right: 10%;
             width: auto;
           }