主运输系统背景

src/views/transportation/configImg/belt/Analysis.vue

@@ -1,8 +1,8 @@
 <template>
-  <div class="analysis">
+  <div class="main">
     <a-row>
       <a-col :sm="24" :md="12" :xl="11">
-        <div style="font-size: 20px;font-weight:bold;text-align:center;">{{ this.$route.params.title }}</div>
+        <div style="font-size: 20px;font-weight:bold;text-align:center;color: #4adefe">{{ this.$route.params.title }}</div>
         <img src="@/assets/img/20211209164229.png" />
       </a-col>
       <a-col :sm="24" :md="12" :xl="6"><chart :id="23" title="皮带速度" unit="m/s" type="pidaisudu_after"/></a-col>
@@ -180,36 +180,27 @@ export default {
 };
 </script>
 
-<style lang="less" scoped>
-.extra-wrap {
-  .extra-item {
-    display: inline-block;
-    margin-right: 24px;
-
-    a:not(:first-child) {
-      margin-left: 24px;
-    }
-  }
+<style scoped>
+.main {
+  width: 100%;
+  height: 850px;
+  position: relative;
+  /* display: flex; */
+  background-image: linear-gradient(
+    to right,
+    #06133c 0%,
+    #011669 5045 #06133c 100%
+  );
 }
 img {
   width: 100%;
   height: 400px;
 }
-@media screen and (max-width: 992px) {
-  .extra-wrap .extra-item {
-    display: none;
-  }
-}
-
-@media screen and (max-width: 576px) {
-  .extra-wrap {
-    display: none;
-  }
-}
 
 .info {
   float: left;
   margin: 30px;
+  color: #4adefe;
 }
 
 .contour {