修改主界面皮带样式

src/components/newMain/item2/Main.vue

@@ -3,32 +3,59 @@
     <!-- 9个警告盒子 -->
     <div class="warning_box">
       <div class="warning_container warning1">
-        <WarningInfo :ref="0" :id="0"></WarningInfo>
+        <WarningInfo
+          :ref="0"
+          :id="0"
+        ></WarningInfo>
       </div>
       <div class="warning_container warning2">
-        <WarningInfo :ref="1" :id="1"></WarningInfo>
+        <WarningInfo
+          :ref="1"
+          :id="1"
+        ></WarningInfo>
       </div>
 
       <div class="warning_container warning3">
-        <WarningInfo :ref="2" :id="2"></WarningInfo>
+        <WarningInfo
+          :ref="2"
+          :id="2"
+        ></WarningInfo>
       </div>
       <div class="warning_container warning4">
-        <WarningInfo :ref="3" :id="3"></WarningInfo>
+        <WarningInfo
+          :ref="3"
+          :id="3"
+        ></WarningInfo>
       </div>
       <div class="warning_container warning5">
-        <WarningInfo :ref="4" :id="4"></WarningInfo>
+        <WarningInfo
+          :ref="4"
+          :id="4"
+        ></WarningInfo>
       </div>
       <div class="warning_container warning6">
-        <WarningInfo :ref="5" :id="5"></WarningInfo>
+        <WarningInfo
+          :ref="5"
+          :id="5"
+        ></WarningInfo>
       </div>
       <div class="warning_container warning7">
-        <WarningInfo :ref="6" :id="6"></WarningInfo>
+        <WarningInfo
+          :ref="6"
+          :id="6"
+        ></WarningInfo>
       </div>
       <div class="warning_container warning8">
-        <WarningInfo :ref="7" :id="7"></WarningInfo>
+        <WarningInfo
+          :ref="7"
+          :id="7"
+        ></WarningInfo>
       </div>
       <div class="warning_container warning9">
-        <WarningInfo :ref="8" :id="8"></WarningInfo>
+        <WarningInfo
+          :ref="8"
+          :id="8"
+        ></WarningInfo>
       </div>
       <!-- <div class="warning_container warning10">
         <WarningInfo :ref="9" :id="9"></WarningInfo>
@@ -45,11 +72,17 @@
       </div>
     </div>
     <div class="caimeiji1">
-      <CaiMeiJi :ref="10" info_number="1#"></CaiMeiJi>
+      <CaiMeiJi
+        :ref="10"
+        info_number="1#"
+      ></CaiMeiJi>
     </div>
     <!-- 采煤机2 -->
     <div class="caimeiji2">
-      <CaiMeiJi :ref="11" info_number="9+10"></CaiMeiJi>
+      <CaiMeiJi
+        :ref="11"
+        info_number="9+10"
+      ></CaiMeiJi>
     </div>
     <div class="tongcang">
       <div class="tong"></div>
@@ -57,7 +90,7 @@
     </div>
 
     <div class="bottom_left">
-       煤 仓
+      煤 仓
       <img
         src="./筒仓1.png"
         alt="煤 仓"
@@ -65,8 +98,14 @@
     </div>
 
     <div class="buttons">
-      <button class="btn1" @click="start">模拟皮带启动</button>
-      <button class="btn2" @click="close">模拟皮带停止</button>
+      <button
+        class="btn1"
+        @click="start"
+      >模拟皮带启动</button>
+      <button
+        class="btn2"
+        @click="close"
+      >模拟皮带停止</button>
     </div>
 
     <div class="xcspwt-box">
@@ -82,10 +121,8 @@
         </li>
         <li>
           <span>出煤量</span>
-          <span
-            >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-            {{ shearerState[0].coalOutput }}</span
-          >
+          <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            {{ shearerState[0].coalOutput }}</span>
         </li>
       </ul>
     </div>
@@ -103,10 +140,8 @@
         </li>
         <li>
           <span>出煤量</span>
-          <span
-            >&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
-            {{ shearerState[1].coalOutput }}</span
-          >
+          <span>&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;&nbsp;
+            {{ shearerState[1].coalOutput }}</span>
         </li>
       </ul>
     </div>
@@ -188,7 +223,7 @@ export default {
   }
   .pidai_box {
     position: relative;
-    margin-left: 160px;
+    margin-left: 134px;
   }
   .shexiangtou_box {
     position: relative;
@@ -354,11 +389,11 @@ export default {
 }
 .warning8 {
   top: 190px;
-  left: 730px;
+  left: 722px;
 }
 .warning9 {
   top: 165px;
-  left: 788px;
+  left: 780px;
 }
 // .warning10 {
 //   top: 490px;
@@ -397,34 +432,33 @@ export default {
 }
 .bottom_left {
   width: 67px;
-    height: 110px;
-    position: absolute;
-    left: 477px;
-    top: 261px;
-    color: #fff;
-    font-size: 12px;
-    padding: 5px;
-    text-align: center;
+  height: 110px;
+  position: absolute;
+  left: 450px;
+  top: 261px;
+  color: #fff;
+  font-size: 12px;
+  padding: 5px;
+  text-align: center;
 }
 .bottom_left img {
   width: 100%;
   height: 100%;
- 
 }
 .pidai5 {
-    left: 361px;
-    top: 311px;
-    -webkit-transform: rotate(0deg);
-    transform: rotate(-65deg);
-    width: 80px;
-    height: 17px;
+  left: 361px;
+  top: 311px;
+  -webkit-transform: rotate(0deg);
+  transform: rotate(-65deg);
+  width: 80px;
+  height: 17px;
 }
 
 .pidai6 {
- left: 440px;
-    top: 273px;
-    width: 60px;
-    height: 17px;
+  left: 440px;
+  top: 273px;
+  width: 60px;
+  height: 17px;
 }
 .pidai7 {
   left: 462px;
@@ -488,14 +522,14 @@ export default {
   left: 100px;
 }
 .tongcang {
-     width: 70px;
-    height: 70px;
-    position: absolute;
-    right: 50px;
-    bottom: 36px;
+  width: 70px;
+  height: 70px;
+  position: absolute;
+  right: 50px;
+  bottom: 36px;
 
   .tong {
-   width: 100%;
+    width: 100%;
     height: 100%;
     background-image: url(筒仓.png);
     background-size: cover;