掘进边框及对齐修改

src/components/tunneling/temporature.vue

@@ -15,7 +15,7 @@ var showValue = 40;
 var boxPosition = [65, 0];
 var TP_txt = "";
 // 刻度使用柱状图模拟，短设置1，长的设置3；构造一个数据
-for (let i = 0, len = 80; i <= len; i += 1) {
+for (let i = 0, len = 100; i <= len; i += 1) {
   if (i < 10) {
     kd.push("");
   } else if ((i - 10) % 10 === 0) {

src/views/tunnelling/zutai.vue

@@ -5,9 +5,11 @@
         <div class="left_top">
           <div class="left_top_main">
             <div class="ruler">
+              <span class="text" style="margin-top: 15px;">行走轨迹</span>
               <ruler></ruler>
             </div>
             <div class="hard">
+              <span class="text" style="margin-top: 15px;">割截轨迹</span>
               <hard></hard>
             </div>
 
@@ -157,7 +159,13 @@ export default {
   position: relative;
   width: 100%;
   height: 800px;
-  background: url(../../assets/img/tunneling/bg.jpg) no-repeat !important;
+  /* background: url(../../assets/img/tunneling/bg.jpg) no-repeat !important; */
+  background-image: linear-gradient(
+    to right,
+    rgb(6, 19, 60) 0%,
+    rgb(1, 22, 105) 50%,
+    rgb(6, 19, 60) 100%
+  );
   background-size: cover;
   /* height: 880px; */
   min-width: 1386px;
@@ -181,7 +189,7 @@ export default {
 }
 .left_top {
   width: 100%;
-  height: 48%;
+  height: 440px;
   background: url(../../assets/img/tunneling/dataBg.png) no-repeat;
   background-size: 100%;
 }
@@ -197,10 +205,11 @@ export default {
 }
 .left_bottom {
   width: 100%;
-  height: 350px;
+  height: 290px;
+  margin-top: 15px;
+
   background: url(../../assets/img/tunneling/dataBg.png) no-repeat;
   background-size: 100%;
-  margin-top: 4%;
 }
 
 .data_middle {
@@ -209,16 +218,16 @@ export default {
   /* background: white; */
 }
 .middle_bootom {
-  margin-top: -170px;
+  margin-top: 15px;
   width: 100%;
-  height: 320px;
+  height: 300px;
   background: url(../../assets/img/tunneling/dataBg.png) no-repeat;
   background-size: 100%;
 }
 .middle_top {
   width: 100%;
-  height: 580px;
-  background: url(../../assets/img/tunneling/msgBg.png) no-repeat;
+  height: 430px;
+  background: url(../../assets/img/tunneling/dataBg.png) no-repeat;
   background-size: 100%;
 }
 .middle_top_list {
@@ -274,16 +283,17 @@ export default {
 }
 .right_top {
   width: 100%;
-  height: 400px;
+  height: 430px;
 
   background: url(../../assets/img/tunneling/dataBg.png) no-repeat;
   background-size: 100%;
 }
 .right_bootom {
+  margin-top: 15px;
   width: 100%;
   height: 300px;
 
-  background: url(../../assets/img/tunneling/msgBg.png) no-repeat;
+  background: url(../../assets/img/tunneling/dataBg.png) no-repeat;
   background-size: 100%;
 }
 .right_top_main {
@@ -292,7 +302,7 @@ export default {
 /* .right_bottom {
   width: 100%;
   height: 48%;
-  background: url(../../assets/img/tunneling/msgBg.png) no-repeat;
+  background: url(../../assets/img/tunneling/dataBg.png) no-repeat;
   background-size: 100%;
   margin-top: 6%;
 } */