滚动条

src/style/cus-element.scss

@@ -1,3 +1,8 @@
+::-webkit-scrollbar { width: 6px; height: 10px; }
+::-webkit-scrollbar-track { width: 6px; background: rgba(#101F1C, 0.1);-webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
+::-webkit-scrollbar-thumb { background-color: rgba(#101F1C, 0.5); background-clip: padding-box; min-height: 28px; -webkit-border-radius: 2em; -moz-border-radius: 2em; border-radius: 2em; }
+::-webkit-scrollbar-thumb:hover { background-color: rgba(#101F1C, 1); }
+
 .easy-map-base-switch {
   width: auto !important;
   min-width: auto !important;
@@ -46,4 +51,4 @@
       }
     }
   }
-}
+}

src/views/init-speed-track/index.vue

@@ -283,7 +283,6 @@ export default defineComponent({
                     state.formTrackPointEndCount++
                     state.formTrackPointList.push(...p)
                     if (state.formTrackPointStartCount === state.formTrackPointEndCount) {
-                      console.log(state.formTrackPointList)
                       that.$easyMap.initShape({
                         map: state.map,
                         layerName: 'form-track-point',
@@ -378,7 +377,6 @@ export default defineComponent({
       return state.trackList.filter((v: { show: any; }) => v.show)
     })
     const initTrack = () => {
-      console.log(trackShowListCom.value)
       that.$easyMap.initShape({
         map: state.map,
         layerName: "track-point-line",
@@ -417,7 +415,6 @@ export default defineComponent({
                   state.initTrackPointEndCount++
                   state.initTrackPointList.push(...p)
                   if (state.initTrackPointStartCount === state.initTrackPointEndCount) {
-                    console.log(state.initTrackPointList)
                     that.$easyMap.initShape({
                       map: state.map,
                       layerName: 'track-point',
@@ -472,10 +469,12 @@ export default defineComponent({
   }
   .track {
     position: absolute;
-    z-index: 2;
+    z-index: 20;
     top: 0;
     left: 0;
     .track-line {
+      overflow-y: auto;
+      max-height: 180px;
       .line {
         height: 20px;
         display: flex;
@@ -487,6 +486,8 @@ export default defineComponent({
       }
     }
     .track-point {
+      overflow-y: auto;
+      max-height: 600px;
       .point {
         display: flex;
         .position {