主排水的字体

src/views/drain/configImg/index.vue

@@ -133,18 +133,18 @@ export default {
   background-blend-mode: multiply;
 }
 .table1 {
-  top: 0px;
-  left: -1px;
+  top: 0%;
+  left: 0%;
   position: absolute;
 }
 .table2 {
-  top: 0px;
-  left: 475px;
+  top: 0%;
+  left: 30%;
   position: absolute;
 }
 .table3 {
-  top: 0px;
-  left: 950px;
+  top: 0%;
+  left: 60%;
   position: absolute;
 }
 #imgSwitch {

src/views/drain/configImg/tableData.vue

@@ -34,21 +34,20 @@
     <ul class="bottom2">
       <li>
         <span>液位:</span> <span>{{ tableData.liquidLevel }}m</span>
-         </br>
+        <br />
         <span>{{ id }}号电压:</span>
         <span>{{ tableData.positivePressure }}V</span>
-        </br>
+        <br />
         <span> {{ id }}号电流:</span>
         <span>{{ tableData.negativePressure }}A</span>
-        </br>
-         
+        <br />
+
         <span>{{ id }}号前轴温度:</span>
         <span>{{ tableData.frontAxleTemp }}℃</span>
-        </br>
-        <span>{{ id }}号后轴温度:
-        </span><span>{{ tableData.rearAxleTemp }}℃</span>
-        </br>
-       
+        <br />
+        <span>{{ id }}号后轴温度: </span
+        ><span>{{ tableData.rearAxleTemp }}℃</span>
+        <br />
       </li>
     </ul>
     <!-- <div class="bottom3">
@@ -70,7 +69,7 @@ div {
   color: #4adefe;
   position: relative;
   top: 80px;
-  left: 180px;
+  left: 70%;
 }
 .header span:nth-of-type(1) {
   display: inline-block;
@@ -85,8 +84,8 @@ div {
 .center {
   color: #4adefe;
   position: relative;
-  top: 200px;
-  left: 180px;
+  top: 150px;
+  left: 70%;
 }
 .center span:nth-of-type(1) {
   display: inline-block;
@@ -102,7 +101,7 @@ div {
   color: #4adefe;
   position: relative;
   top: 310px;
-  left: -20px;
+  left: -10%;
 }
 .bottom1 span:nth-of-type(1) {
   display: inline-block;
@@ -118,7 +117,7 @@ div {
   color: #4adefe;
   position: relative;
   top: 410px;
-  left: -20px;
+  left: -10%;
 }
 .bottom2 span:nth-of-type(odd) {
   display: inline-block;
@@ -148,4 +147,4 @@ li {
   list-style-type: none;
   line-height: 30px;
 }
-</style>
+</style>