From 6bae474f92297b872f749125506149538d0a497b Mon Sep 17 00:00:00 2001
From: Shomi <96868062+Shomi-FJS@users.noreply.github.com>
Date: Sat, 6 Jun 2026 21:43:08 +0800
Subject: [PATCH] =?UTF-8?q?fix:=20=E9=80=82=E9=85=8D=E6=88=91=E5=96=9C?=
 =?UTF-8?q?=E6=AC=A2=E7=9A=84=E6=AD=8C=E5=8D=95=E8=8E=B7=E5=8F=96=EF=BC=8C?=
 =?UTF-8?q?=E7=BB=9F=E4=B8=80=E6=AD=8C=E5=8D=95=E5=88=97=E8=A1=A8=E6=B8=B2?=
 =?UTF-8?q?=E6=9F=93?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- 为歌单详情接口新增可选noCookie参数，支持动态控制
- 在获取我喜欢的歌单时关闭noCookie以正确获取数据
- 移除手机端单独的歌单渲染逻辑，统一使用SongList组件渲染
- 清理无用导入、方法和样式代码
---
 src/api/playlist.ts      |  4 ++--
 src/views/List/liked.vue | 36 +++---------------------------------
 2 files changed, 5 insertions(+), 35 deletions(-)

diff --git a/src/api/playlist.ts b/src/api/playlist.ts
index d9070a1c9..e8182931e 100644
--- a/src/api/playlist.ts
+++ b/src/api/playlist.ts
@@ -4,13 +4,13 @@ import request from "@/utils/request";
  * 获取歌单详情
  * @param {number} id - 歌单 id
  */
-export const playlistDetail = (id: number) => {
+export const playlistDetail = (id: number, noCookie: boolean = true) => {
   return request({
     url: "/playlist/detail",
     params: {
       id,
       s: 0, // 去除返回收藏者
-      noCookie: true, // 去除返回 privileges
+      ...(noCookie ? { noCookie: true } : {}), // 去除返回 privileges
       timestamp: Date.now(),
     },
   });
diff --git a/src/views/List/liked.vue b/src/views/List/liked.vue
index 76afa6a52..cd911db3d 100644
--- a/src/views/List/liked.vue
+++ b/src/views/List/liked.vue
@@ -16,18 +16,8 @@
       @play-all="playAllSongs"
     />
     <Transition name="fade" mode="out-in">
-      <div v-if="(!searchValue || searchData?.length) && isPhone" class="mobile-liked-song-list">
-        <SongCard
-          v-for="(song, index) in displayData"
-          :key="song.id"
-          :song="song"
-          :index="index"
-          hidden-size
-          @click.stop="playMobileSong(song)"
-        />
-      </div>
       <SongList
-        v-else-if="!searchValue || searchData?.length"
+        v-if="!searchValue || searchData?.length"
         :data="displayData"
         :loading="loading"
         :height="songListHeight"
@@ -67,14 +57,9 @@ import { useListDetail } from "@/composables/List/useListDetail";
 import { useListSearch } from "@/composables/List/useListSearch";
 import { useListScroll } from "@/composables/List/useListScroll";
 import { useListActions } from "@/composables/List/useListActions";
-import { useDevice } from "@/composables/useDevice";
-import { usePlayerController } from "@/core/player/PlayerController";
-import SongCard from "@/components/Card/SongCard.vue";
 
 const dataStore = useDataStore();
 const statusStore = useStatusStore();
-const { isPhone } = useDevice();
-const player = usePlayerController();
 
 // 是否激活
 const isActivated = ref<boolean>(false);
@@ -202,7 +187,7 @@ const loadPlaylistData = async (id: number, forceRefresh: boolean = false) => {
     resetScroll();
   }
   try {
-    const detail = await playlistDetail(id);
+    const detail = await playlistDetail(id, false);
     if (currentRequestId.value !== id) return;
     // 更新歌单详情
     setDetailData(formatCoverList(detail.playlist)[0]);
@@ -323,7 +308,7 @@ const syncSongList = async (serverIds: number[], requestId: number) => {
   if (currentRequestId.value !== requestId) return;
   setListData(newList);
   // 更新详情
-  const detail = await playlistDetail(playlistId.value);
+  const detail = await playlistDetail(playlistId.value, false);
   if (currentRequestId.value === requestId) {
     setDetailData(formatCoverList(detail.playlist)[0]);
   }
@@ -357,11 +342,6 @@ const playAllSongs = useDebounceFn(() => {
   playAllSongsAction(displayData.value, playlistId.value);
 }, 300);
 
-const playMobileSong = (song: SongType) => {
-  if (!displayData.value?.length) return;
-  player.updatePlayList(displayData.value, song, playlistId.value);
-};
-
 // 删除指定索引歌曲
 const removeSong = (ids: number[]) => {
   if (!listData.value) return;
@@ -438,13 +418,3 @@ onMounted(async () => {
   }
 });
 </script>
-
-<style lang="scss" scoped>
-.mobile-liked-song-list {
-  display: flex;
-  flex-direction: column;
-  gap: 12px;
-  padding-top: 236px;
-  padding-bottom: 12px;
-}
-</style>