From 7f7d41f883c32728471a902d696d7e180c8a7be4 Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Wed, 2 Apr 2025 00:07:37 +0800
Subject: [PATCH] =?UTF-8?q?=E2=9C=A8=20feat:=20=E6=9B=B4=E6=96=B0=E8=BF=B7?=
 =?UTF-8?q?=E4=BD=A0=E6=92=AD=E6=94=BE=E6=A0=8F=E5=9C=A8=E9=A1=B5=E9=9D=A2?=
 =?UTF-8?q?=E6=98=BE=E7=A4=BA=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/components/player/MiniPlayBar.vue | 17 ++++++++---------
 src/renderer/layout/components/MusicFull.vue   |  1 +
 2 files changed, 9 insertions(+), 9 deletions(-)

diff --git a/src/renderer/components/player/MiniPlayBar.vue b/src/renderer/components/player/MiniPlayBar.vue
index 31acabb..73a0c61 100644
--- a/src/renderer/components/player/MiniPlayBar.vue
+++ b/src/renderer/components/player/MiniPlayBar.vue
@@ -69,13 +69,13 @@
         </n-popover>
 
         <!-- 播放列表按钮 -->
-        <button class="function-button" @click="togglePlaylist">
+        <button v-if="!component" class="function-button" @click="togglePlaylist">
           <i class="iconfont icon-list"></i>
         </button>
       </div>
 
       <!-- 关闭按钮 -->
-      <button class="close-button" @click="handleClose">
+      <button v-if="!component" class="close-button" @click="handleClose">
         <i class="iconfont ri-close-line"></i>
       </button>
     </div>
@@ -93,6 +93,7 @@
 
     <!-- 播放列表 - 单独放在外层，不再使用 popover -->
     <div
+      v-if="!component"
       v-show="isPlaylistOpen"
       class="playlist-container"
       :class="{ 'mini-mode-list': settingsStore.isMiniMode }"
@@ -133,10 +134,10 @@ const { navigateToArtist } = useArtist();
 withDefaults(
   defineProps<{
     pureModeEnabled?: boolean;
-    showInfo?: boolean;
+    component?: boolean;
   }>(),
   {
-    showInfo: false
+    component: false
   }
 );
 
@@ -144,8 +145,6 @@ withDefaults(
 const handleClose = () => {
   if (settingsStore.isMiniMode) {
     window.api.restore();
-  } else {
-    window.api.close();
   }
 };
 
@@ -335,7 +334,7 @@ const setMusicFull = () => {
 
 <style lang="scss" scoped>
 .mini-play-bar {
-  @apply w-full flex flex-col bg-white dark:bg-dark-200 shadow-md bg-opacity-50 backdrop-blur dark:bg-opacity-50;
+  @apply w-full flex flex-col bg-light-200 dark:bg-dark-200 shadow-md bg-opacity-60 backdrop-blur dark:bg-opacity-60;
   height: 64px;
   border-radius: 8px;
   position: relative;
@@ -425,7 +424,7 @@ const setMusicFull = () => {
   height: 40px;
 
   .cover-img {
-    @apply w-full h-full rounded-md object-cover;
+    @apply w-full h-full rounded-md object-cover pointer-events-none;
   }
 }
 
@@ -449,7 +448,7 @@ const setMusicFull = () => {
 }
 
 .control-button {
-  @apply flex items-center justify-center rounded-full transition-all duration-200 border-0 bg-transparent cursor-pointer text-gray-400;
+  @apply flex items-center justify-center rounded-full transition-all duration-200 border-0 bg-transparent cursor-pointer text-gray-600;
   width: 32px;
   height: 32px;
 
diff --git a/src/renderer/layout/components/MusicFull.vue b/src/renderer/layout/components/MusicFull.vue
index 0ac8da4..92f20c0 100644
--- a/src/renderer/layout/components/MusicFull.vue
+++ b/src/renderer/layout/components/MusicFull.vue
@@ -66,6 +66,7 @@
             v-if="!config.hideMiniPlayBar"
             class="mt-4"
             :pure-mode-enabled="config.pureModeEnabled"
+            component
           />
         </div>
       </div>