style: 调整进度条样式

imsyy · May 11, 2023 · ffbe622 · ffbe622
1 parent bf13128
commit ffbe622
Show file tree

Hide file tree

Showing 2 changed files with 7 additions and 8 deletions.
diff --git a/src/components/Player/PlayerCover.vue b/src/components/Player/PlayerCover.vue
@@ -318,6 +318,10 @@ const routerJump = (url, query) => {
           .vue-slider-dot {
             width: 12px !important;
             height: 12px !important;
+            box-shadow: none;
+          }
+          .vue-slider-dot-handle-focus {
+            box-shadow: none;
           }
         }
       }

diff --git a/src/components/Player/index.vue b/src/components/Player/index.vue
@@ -7,14 +7,6 @@
     >
       <div class="slider">
         <span>{{ music.getPlaySongTime.songTimePlayed }}</span>
-        <!-- <n-slider
-          v-model:value="music.getPlaySongTime.barMoveDistance"
-          class="progress"
-          :step="0.01"
-          :tooltip="false"
-          @update:value="songTimeSliderUpdate"
-          @click.stop
-        /> -->
         <vue-slider
           v-model="music.getPlaySongTime.barMoveDistance"
           @drag-start="music.setPlayState(false)"
@@ -520,6 +512,9 @@ watch(
           width: 12px !important;
           height: 12px !important;
         }
+        .vue-slider-dot-handle-focus {
+          box-shadow: 0px 0px 1px 2px var(--main-color);
+        }
       }
     }
   }