From 54d66d05f493b7aaa5bf3a05627f6f75d304b2fb Mon Sep 17 00:00:00 2001
From: alger <algerkc@qq.com>
Date: Thu, 15 May 2025 21:33:44 +0800
Subject: [PATCH] =?UTF-8?q?=F0=9F=94=A7=20chore:=20=E6=9B=B4=E6=96=B0=20Mu?=
 =?UTF-8?q?sicListPage=20=E7=BB=84=E4=BB=B6=EF=BC=8C=E6=B7=BB=E5=8A=A0?=
 =?UTF-8?q?=E7=A7=BB=E5=8A=A8=E7=AB=AF=E5=B8=83=E5=B1=80=E5=88=A4=E6=96=AD?=
 =?UTF-8?q?=EF=BC=8C=E4=BC=98=E5=8C=96=E7=B4=A7=E5=87=91=E5=B8=83=E5=B1=80?=
 =?UTF-8?q?=E9=80=BB=E8=BE=91?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/views/music/MusicListPage.vue | 6 +++---
 1 file changed, 3 insertions(+), 3 deletions(-)

diff --git a/src/renderer/views/music/MusicListPage.vue b/src/renderer/views/music/MusicListPage.vue
index 85a4996..2ffaee4 100644
--- a/src/renderer/views/music/MusicListPage.vue
+++ b/src/renderer/views/music/MusicListPage.vue
@@ -37,7 +37,7 @@
           {{ t('comp.musicList.addToPlaylist') }}
         </n-tooltip>
         <!-- 布局切换按钮 -->
-        <div class="layout-toggle">
+        <div class="layout-toggle" v-if="!isMobile">
           <n-tooltip placement="bottom" trigger="hover">
             <template #trigger>
               <div class="toggle-button hover-green" @click="toggleLayout">
@@ -165,7 +165,7 @@ import SongItem from '@/components/common/SongItem.vue';
 import PlayBottom from '@/components/common/PlayBottom.vue';
 import { useMusicStore, usePlayerStore } from '@/store';
 import { SongResult } from '@/type/music';
-import { getImgUrl, setAnimationClass } from '@/utils';
+import { getImgUrl, isMobile, setAnimationClass } from '@/utils';
 
 const { t } = useI18n();
 const route = useRoute();
@@ -196,7 +196,7 @@ const isFullPlaylistLoaded = ref(false); // 标记完整播放列表是否已加
 
 // 添加搜索相关的状态和方法
 const isSearchVisible = ref(false);
-const isCompactLayout = ref(localStorage.getItem('musicListLayout') === 'compact'); // 默认使用紧凑布局
+const isCompactLayout = ref(isMobile.value ? false : localStorage.getItem('musicListLayout') === 'compact'); // 默认使用紧凑布局
 
 const showSearch = () => {
   isSearchVisible.value = true;