修复桌面歌词开启不允许换行后出现字体截断的问题（#1106）

src/common/defaultSetting.ts

@@ -58,7 +58,7 @@ const defaultSetting: LX.AppSetting = {
   'desktopLyric.style.align': 'center',
   'desktopLyric.style.font': '',
   'desktopLyric.style.fontSize': 20,
-  'desktopLyric.style.lineGap': 15,
+  'desktopLyric.style.lineGap': 14,
   'desktopLyric.style.lyricUnplayColor': 'rgba(255, 255, 255, 1)',
   'desktopLyric.style.lyricPlayedColor': 'rgba(7, 197, 86, 1)',
   'desktopLyric.style.lyricShadowColor': 'rgba(0, 0, 0, 0.15)',

src/renderer-lyric/components/layout/LyricHorizontal/index.vue

@@ -5,7 +5,7 @@
     :style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" @touchstart="handleLyricTouchStart"
   >
     <div :class="$style.lyricSpace" />
-    <div ref="dom_lyric_text" :class="$style.lyricText" />
+    <div ref="dom_lyric_text" />
     <div :class="$style.lyricSpace" />
   </div>
 </template>
@@ -68,6 +68,9 @@ export default {
   // font-weight: bold;
 
   :global {
+    .font-lrc, .shadow {
+      padding: 0.08em 0.14em;
+    }
     .font-lrc {
       color: var(--color-lyric-unplay);
     }
@@ -171,9 +174,9 @@ export default {
 .lyric-space {
   height: 80%;
 }
-.lyric-text {
-  padding: 0 0.14em;
-}
+// .lyric-text {
+
+// }
 // .lrc-active {
 
 //   .lrc-line {

src/renderer-lyric/components/layout/LyricVertical/index.vue

@@ -5,7 +5,7 @@
     :style="lrcStyles" @wheel="handleWheel" @mousedown="handleLyricMouseDown" @touchstart="handleLyricTouchStart"
   >
     <div :class="$style.lyricSpace" />
-    <div ref="dom_lyric_text" :class="[$style.lyricText]" />
+    <div ref="dom_lyric_text" />
     <div :class="$style.lyricSpace" />
   </div>
 </template>
@@ -72,6 +72,9 @@ export default {
   }
 
   :global {
+    .font-lrc, .shadow {
+      padding: 0.14em 0.07em;
+    }
     .font-lrc {
       color: var(--color-lyric-unplay);
     }
@@ -178,9 +181,9 @@ export default {
   width: 80%;
   height: 100%;
 }
-.lyric-text {
-  padding: 0.14em 0;
-}
+// .lyric-text {
+
+// }
 // .lrc-active {
 
 //   .lrc-line {