样式 更新

src/components/IntelligentModule.vue

@@ -26,16 +26,7 @@
     <div class="level bar mt10">
       <div class="df aic jcc" v-for="item in historyData" :key="item.bane">
         <div>{{ item.loadPort }}</div>
-        <div
-          class="voyage-line"
-          style="
-            box-sizing: border-box;
-            height: 2px;
-            width: 100px;
-            margin: 13px;
-            border: 1px solid #10ffb9;
-          "
-        ></div>
+        <div class="voyage-line"></div>
         <div>{{ item.discPort }}</div>
       </div>
     </div>
@@ -101,31 +92,21 @@ export default {
 .level {
   height: 100px;
   padding: 0 30px 0 20px;
-  overflow: scroll;
-  overflow-x: hidden;
   font-size: 14px;
   font-family: PingFangSC-Regular, PingFang SC;
   font-weight: 400;
   color: #e6f7ff;
 }
 
-.bar::-webkit-scrollbar-track {
-  background: #2f4966;
-  border-radius: 5px;
-}
-
-.bar::-webkit-scrollbar {
-  width: 5px;
-  background: blue;
-  border-radius: 5px;
-}
-
-.bar::-webkit-scrollbar-thumb {
-  background: #10ffb9;
-  border-radius: 5px;
-}
-
 .mb8 {
   margin-bottom: 8px;
 }
+
+.voyage-line {
+  box-sizing: border-box;
+  height: 2px;
+  width: 100px;
+  margin: 13px;
+  border: 1px solid #10ffb9;
+}
 </style>