播放速率的粒度调整为0.01，范围0.6-2.0x

src/renderer/components/common/PlaybackRateBtn.vue

@@ -8,10 +8,10 @@
     <template #content>
       <div :class="$style.setting">
         <div :class="$style.info">
-          <span>{{ playbackRate }}x</span>
-          <base-btn min @click="handleUpdatePlaybackRate(1)">{{ $t('player__playback_rate_reset_btn') }}</base-btn>
+          <span>{{ playbackRate.toFixed(2) }}x</span>
+          <base-btn min @click="handleUpdatePlaybackRate(100)">{{ $t('player__playback_rate_reset_btn') }}</base-btn>
         </div>
-        <base-slider-bar :value="playbackRate" :min="0.5" :max="2" @change="handleUpdatePlaybackRate" />
+        <base-slider-bar :class="$style.slider" :value="playbackRate * 100" :min="60" :max="200" @change="handleUpdatePlaybackRate" />
       </div>
     </template>
   </material-popup-btn>
@@ -22,7 +22,7 @@
 import { playbackRate } from '@renderer/store/player/playbackRate'
 
 const handleUpdatePlaybackRate = (val) => {
-  window.app_event.setPlaybackRate(Math.round(val * 10) / 10)
+  window.app_event.setPlaybackRate(Math.round(val) / 100)
 }
 
 // const icon = computed(() => {
@@ -87,6 +87,7 @@ const handleUpdatePlaybackRate = (val) => {
   flex-flow: column nowrap;
   padding: 2px 3px;
   gap: 8px;
+  width: 300px;
 }
 
 .info {
@@ -100,5 +101,9 @@ const handleUpdatePlaybackRate = (val) => {
   }
 }
 
+.slider {
+  width: 100%;
+}
+
 
 </style>

src/renderer/components/common/VolumeBtn.vue

@@ -16,7 +16,7 @@
             @update:model-value="saveVolumeIsMute($event)"
           />
         </div>
-        <base-slider-bar :value="volume" :min="0" :max="1" @change="handleUpdateVolume" />
+        <base-slider-bar :class="$style.slider" :value="volume" :min="0" :max="1" @change="handleUpdateVolume" />
       </div>
     </template>
   </material-popup-btn>
@@ -91,6 +91,7 @@ const icon = computed(() => {
   flex-flow: column nowrap;
   padding: 2px 3px;
   gap: 8px;
+  width: 140px;
 }
 
 .info {
@@ -104,5 +105,8 @@ const icon = computed(() => {
   }
 }
 
+.slider {
+  width: 100%;
+}
 
 </style>