From c8ba6cbd4438e4cd93e690065d0c932c5de51930 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Sun, 15 Mar 2026 15:05:24 +0800
Subject: [PATCH] =?UTF-8?q?feat(lyric):=20=E6=8E=A7=E5=88=B6=E6=A0=8F?=
 =?UTF-8?q?=E6=96=B0=E5=A2=9E=E7=BF=BB=E8=AF=91=E5=BC=80=E5=85=B3=E5=92=8C?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E6=A8=A1=E5=BC=8F=E5=88=87=E6=8D=A2=E6=8C=89?=
 =?UTF-8?q?=E9=92=AE?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/views/lyric/index.vue | 37 ++++++++++++++++++++++++++++++
 1 file changed, 37 insertions(+)

diff --git a/src/renderer/views/lyric/index.vue b/src/renderer/views/lyric/index.vue
index 6adfd54..eab0d34 100644
--- a/src/renderer/views/lyric/index.vue
+++ b/src/renderer/views/lyric/index.vue
@@ -47,6 +47,37 @@
         <!-- <div class="control-button" @click="handleTop">
           <i class="ri-pushpin-line" :class="{ active: lyricSetting.isTop }"></i>
         </div> -->
+        <!-- 翻译开关按钮（仅当歌词有翻译时显示） -->
+        <div
+          v-if="hasTranslation"
+          class="control-button"
+          :title="showTranslation ? '隐藏翻译' : '显示翻译'"
+          @click="lyricSetting.showTranslation = !lyricSetting.showTranslation"
+        >
+          <i class="ri-translate-2" :class="{ active: showTranslation }"></i>
+        </div>
+
+        <!-- 显示模式切换按钮（scroll → single → double → scroll 循环） -->
+        <div
+          class="control-button"
+          :title="
+            displayMode === 'scroll'
+              ? '滚动模式'
+              : displayMode === 'single'
+                ? '单行模式'
+                : '双行模式'
+          "
+          @click="cycleDisplayMode"
+        >
+          <i
+            :class="{
+              'ri-align-justify': displayMode === 'scroll',
+              'ri-subtract-line': displayMode === 'single',
+              'ri-layout-row-line': displayMode === 'double'
+            }"
+          ></i>
+        </div>
+
         <div id="lyric-lock" class="control-button" @click="handleLock">
           <i v-if="lyricSetting.isLock" class="ri-lock-line"></i>
           <i v-else class="ri-lock-unlock-line"></i>
@@ -851,6 +882,12 @@ const handleClose = () => {
   windowData.electron.ipcRenderer.send('close-lyric');
 };
 
+const cycleDisplayMode = () => {
+  const modes: Array<'scroll' | 'single' | 'double'> = ['scroll', 'single', 'double'];
+  const current = modes.indexOf(lyricSetting.value.displayMode);
+  lyricSetting.value.displayMode = modes[(current + 1) % modes.length];
+};
+
 // 安全保存歌词设置
 const saveLyricSettings = (settings: typeof lyricSetting.value) => {
   try {