添加提示

src/renderer/assets/svgs/information-slab-circle-outline.svg

@@ -0,0 +1 @@
+<svg xmlns="http://www.w3.org/2000/svg" viewBox="0 0 24 24"><path d="M11 7V9H13V7H11M14 17V15H13V11H10V13H11V15H10V17H14M22 12C22 17.5 17.5 22 12 22C6.5 22 2 17.5 2 12C2 6.5 6.5 2 12 2C17.5 2 22 6.5 22 12M20 12C20 7.58 16.42 4 12 4C7.58 4 4 7.58 4 12C4 16.42 7.58 20 12 20C16.42 20 20 16.42 20 12Z" /></svg>

src/renderer/components/common/SoundEffectBtn/PitchShifter.vue

@@ -1,7 +1,10 @@
 <template>
   <div :class="$style.contnet">
     <div class="player__sound_effect_title" :class="$style.header">
-      <h3>{{ $t('player__sound_effect_pitch_shifter') }}</h3>
+      <h3>
+        {{ $t('player__sound_effect_pitch_shifter') }}
+        <svg-icon class="help-icon" name="information-slab-circle-outline" :aria-label="$t('player__sound_effect_pitch_shifter_tip')" />
+      </h3>
       <base-btn min @click="handleSetPreset(1)">{{ $t('player__sound_effect_pitch_shifter_reset_btn') }}</base-btn>
     </div>
     <div :class="$style.eqList">

src/renderer/plugins/Tips/Tips.vue

@@ -84,6 +84,7 @@ export default {
   pointer-events: none;
   // text-align: justify;
   box-shadow: 0 1px 8px rgba(0, 0, 0, 0.3);
+  white-space: pre;
 }
 
 :global(.tips-fade-enter-active), :global(.tips-fade-leave-active) {