docs: 更新预览地址

✨ feat: 添加音乐平台链接，优化移动端样式
✨ feat:优化B站音频解析功能
2026-04-05 07:20:50 +08:00 · 2025-05-18 13:09:49 +08:00 · 2025-05-18 12:45:19 +08:00 · 2025-05-18 12:44:23 +08:00 · 2025-05-18 12:43:27 +08:00 · 2025-05-18 12:43:09 +08:00
45 changed files with 1870 additions and 900 deletions
--- a/README.md
+++ b/README.md
@@ -1,34 +1,55 @@
-# Alger Music Player
+
+<h2 align="center">🎵 Alger Music Player</h2>
+<div align="center">
+<div align="center">
+  <a href="https://github.com/algerkong/AlgerMusicPlayer/stargazers">
+    <img src="https://img.shields.io/github/stars/algerkong/AlgerMusicPlayer?style=for-the-badge&logo=github&label=Stars&logoColor=white&color=22c55e" alt="GitHub stars">
+  </a>
+  <a href="https://github.com/algerkong/AlgerMusicPlayer/releases">
+    <img src="https://img.shields.io/github/v/release/algerkong/AlgerMusicPlayer?style=for-the-badge&logo=github&label=Release&logoColor=white&color=1a67af" alt="GitHub release">
+  </a>
+  <a href="https://pd.qq.com/s/cs056n33q?b=5">
+    <img src="https://img.shields.io/badge/QQ%E9%A2%91%E9%81%93-algermusic-blue?style=for-the-badge" alt="QQ频道">
+  </a>
+  <a href="https://t.me/+9efsKRuvKBk2NWVl">
+    <img src="https://img.shields.io/badge/AlgerMusic-blue?style=for-the-badge&logo=telegram&logoColor=white&label=Telegram" alt="Telegram">
+  </a>
+</div>
+</div>
+<div align="center">
+  <a href="https://hellogithub.com/repository/607b849c598d48e08fe38789d156ebdc" target="_blank"><img src="https://api.hellogithub.com/v1/widgets/recommend.svg?rid=607b849c598d48e08fe38789d156ebdc&claim_uid=ObuMXUfeHBmk9TI&theme=neutral" alt="Featured｜HelloGitHub" width="160" height="32" /></a>
+</div>
+
 主要功能如下
 - 🎵 音乐推荐
 - 🔐 网易云账号登录与同步
 - 📝 功能
  - 播放历史记录
  - 歌曲收藏管理
-  - 自定义快捷键配置
+  - 自定义快捷键配置（全局或应用内）
 - 🎨 界面与交互
  - 沉浸式歌词显示（点击左下角封面进入）
  - 独立桌面歌词窗口
  - 明暗主题切换
+  - 可远程控制播放
 - 🎼 音乐功能
  - 支持歌单、MV、专辑等完整音乐服务
  - 灰色音乐资源解析（基于 @unblockneteasemusic/server）
+  - 音乐单独解析
+  - EQ均衡器
+  - 定时播放
  - 高品质音乐试听（需网易云VIP）
  - 音乐文件下载（支持右键下载和批量下载, 附带歌词封面等信息）
 - 🚀 技术特性
  - 本地化服务，无需依赖在线API (基于 netease-cloud-music-api)
  - 自动更新检测
-  - 全平台适配（Desktop & Web & Mobile Web & Android<后续> & ios<后续>）
+  - 全平台适配（Desktop & Web & Mobile Web & Android<测试> & ios<后续>）

 ## 项目简介
 一个第三方音乐播放器、本地服务、桌面歌词、音乐下载、最高音质

 ## 预览地址
-[http://mc.alger.fun/](http://mc.alger.fun/)
-
-QQ群:789288579
-
-tg群:[AlgerMusic tg](https://t.me/+9efsKRuvKBk2NWVl)
+[http://music.alger.fun/](http://music.alger.fun/)

 ## 软件截图
 ![首页白](./docs/image.png)
--- a/src/i18n/lang/en-US/common.ts
+++ b/src/i18n/lang/en-US/common.ts
@@ -27,6 +27,8 @@ export default {
  refresh: 'Refresh',
  retry: 'Retry',
  reset: 'Reset',
+  copySuccess: 'Copied to clipboard',
+  copyFailed: 'Copy failed',
  validation: {
    required: 'This field is required',
    invalidInput: 'Invalid input',
--- a/src/i18n/lang/en-US/comp.ts
+++ b/src/i18n/lang/en-US/comp.ts
@@ -1,6 +1,6 @@
 export default {
  installApp: {
-    description: 'Install the application on the desktop for a better experience',
+    description: 'Install the application for a better experience',
    noPrompt: 'Do not prompt again',
    install: 'Install now',
    cancel: 'Cancel',
@@ -60,7 +60,7 @@ export default {
    wechatQR: 'Wechat QR code',
    coffeeDesc: 'A cup of coffee, a support',
    coffeeDescLinkText: 'View more',
-    qqGroup: 'QQ group: 789288579',
+    qqGroup: 'QQ group: algermusic',
    messages: {
      copySuccess: 'Copied to clipboard'
    },
@@ -104,6 +104,17 @@ export default {
  },
  musicList: {
    searchSongs: 'Search Songs',
-    noSearchResults: 'No search results'
+    noSearchResults: 'No search results',
+    switchToNormal: 'Switch to normal layout',
+    switchToCompact: 'Switch to compact layout',
+    playAll: 'Play All',
+    collect: 'Collect',
+    collectSuccess: 'Collect Success',
+    cancelCollectSuccess: 'Cancel Collect Success',
+    cancelCollect: 'Cancel Collect',
+    addToPlaylist: 'Add to Playlist',
+    addToPlaylistSuccess: 'Add to Playlist Success',
+    operationFailed: 'Operation Failed',
+    songsAlreadyInPlaylist: 'Songs already in playlist'
  }
 };
--- a/src/i18n/lang/en-US/favorite.ts
+++ b/src/i18n/lang/en-US/favorite.ts
@@ -11,5 +11,7 @@ export default {
  downloadSuccess: 'Download completed',
  downloadFailed: 'Download failed',
  downloading: 'Downloading, please wait...',
-  selectSongsFirst: 'Please select songs to download first'
+  selectSongsFirst: 'Please select songs to download first',
+  descending: 'Descending',
+  ascending: 'Ascending'
 };
--- a/src/i18n/lang/en-US/player.ts
+++ b/src/i18n/lang/en-US/player.ts
@@ -105,5 +105,13 @@ export default {
    playbackStopped: 'Music playback stopped',
    minutesRemaining: '{minutes} min remaining',
    songsRemaining: '{count} songs remaining'
+  },
+  playList: {
+    clearAll: 'Clear Playlist',
+    alreadyEmpty: 'Playlist is already empty',
+    cleared: 'Playlist cleared',
+    empty: 'Playlist is empty',
+    clearConfirmTitle: 'Clear Playlist',
+    clearConfirmContent: 'This will clear all songs in the playlist and stop the current playback. Continue?'
  }
 };
--- a/src/i18n/lang/en-US/settings.ts
+++ b/src/i18n/lang/en-US/settings.ts
@@ -66,7 +66,9 @@ export default {
    noMusicSources: 'No sources selected',
    gdmusicInfo: 'GD Music Station intelligently resolves music from multiple platforms automatically',
    autoPlay: 'Auto Play',
-    autoPlayDesc: 'Auto resume playback when reopening the app'
+    autoPlayDesc: 'Auto resume playback when reopening the app',
+    showStatusBar: "Show Status Bar",
+    showStatusBarContent: "You can display the music control function in your mac status bar (effective after a restart)"
  },
  application: {
    closeAction: 'Close Action',
--- a/src/i18n/lang/zh-CN/common.ts
+++ b/src/i18n/lang/zh-CN/common.ts
@@ -27,6 +27,8 @@ export default {
  refresh: '刷新',
  retry: '重试',
  reset: '重置',
+  copySuccess: '已复制到剪贴板',
+  copyFailed: '复制失败',
  validation: {
    required: '此项是必填的',
    invalidInput: '输入无效',
--- a/src/i18n/lang/zh-CN/comp.ts
+++ b/src/i18n/lang/zh-CN/comp.ts
@@ -1,6 +1,6 @@
 export default {
  installApp: {
-    description: '在桌面安装应用，获得更好的体验',
+    description: '安装应用程序，获得更好的体验',
    noPrompt: '不再提示',
    install: '立即安装',
    cancel: '暂不安装',
@@ -58,7 +58,7 @@ export default {
    wechatQR: '微信收款码',
    coffeeDesc: '一杯咖啡，一份支持',
    coffeeDescLinkText: '查看更多',
-    qqGroup: 'QQ群：789288579',
+    qqGroup: 'QQ频道：algermusic',
    messages: {
      copySuccess: '已复制到剪贴板'
    },
@@ -102,6 +102,17 @@ export default {
  },
  musicList: {
    searchSongs: '搜索歌曲',
-    noSearchResults: '没有找到相关歌曲'
+    noSearchResults: '没有找到相关歌曲',
+    switchToNormal: '切换到默认布局',
+    switchToCompact: '切换到紧凑布局',
+    playAll: '播放全部',
+    collect: '收藏',
+    collectSuccess: '收藏成功',
+    cancelCollectSuccess: '取消收藏成功',
+    operationFailed: '操作失败',
+    cancelCollect: '取消收藏',
+    addToPlaylist: '添加到播放列表',
+    addToPlaylistSuccess: '添加到播放列表成功',
+    songsAlreadyInPlaylist: '歌曲已存在于播放列表中'
  }
 };
--- a/src/i18n/lang/zh-CN/favorite.ts
+++ b/src/i18n/lang/zh-CN/favorite.ts
@@ -7,5 +7,7 @@ export default {
  downloadSuccess: '下载完成',
  downloadFailed: '下载失败',
  downloading: '正在下载中，请稍候...',
-  selectSongsFirst: '请先选择要下载的歌曲'
+  selectSongsFirst: '请先选择要下载的歌曲',
+  descending: '降',
+  ascending: '升'
 };
--- a/src/i18n/lang/zh-CN/player.ts
+++ b/src/i18n/lang/zh-CN/player.ts
@@ -106,5 +106,13 @@ export default {
    playbackStopped: '音乐播放已停止',
    minutesRemaining: '剩余{minutes}分钟',
    songsRemaining: '剩余{count}首歌'
+  },
+  playList: {
+    clearAll: '清空播放列表',
+    alreadyEmpty: '播放列表已经为空',
+    cleared: '已清空播放列表',
+    empty: '播放列表为空',
+    clearConfirmTitle: '清空播放列表',
+    clearConfirmContent: '这将清空所有播放列表中的歌曲并停止当前播放。是否继续？'
  }
 };
--- a/src/i18n/lang/zh-CN/settings.ts
+++ b/src/i18n/lang/zh-CN/settings.ts
@@ -44,7 +44,7 @@ export default {
  },
  playback: {
    quality: '音质设置',
-    qualityDesc: '选择音乐播放音质（VIP）',
+    qualityDesc: '选择音乐播放音质（网易云VIP）',
    qualityOptions: {
      standard: '标准',
      higher: '较高',
@@ -66,7 +66,9 @@ export default {
    noMusicSources: '未选择音源',
    gdmusicInfo: 'GD音乐台可自动解析多个平台音源，自动选择最佳结果',
    autoPlay: '自动播放',
-    autoPlayDesc: '重新打开应用时是否自动继续播放'
+    autoPlayDesc: '重新打开应用时是否自动继续播放',
+    showStatusBar: '是否显示状态栏控制功能',
+    showStatusBarContent: '可以在您的mac状态栏显示音乐控制功能(重启后生效)',
  },
  application: {
    closeAction: '关闭行为',
--- a/src/main/modules/config.ts
+++ b/src/main/modules/config.ts
@@ -24,6 +24,7 @@ type SetConfig = {
  fontFamily: string;
  fontScope: 'global' | 'lyric';
  language: string;
+  showTopAction: boolean;
 };
 interface StoreType {
  set: SetConfig;
--- a/src/main/modules/tray.ts
+++ b/src/main/modules/tray.ts
@@ -11,6 +11,7 @@ import { join } from 'path';

 import type { Language } from '../../i18n/main';
 import i18n from '../../i18n/main';
+import { getStore } from './config';

 // 歌曲信息接口定义
 interface SongInfo {
@@ -327,7 +328,8 @@ export function updateTrayMenu(mainWindow: BrowserWindow) {

 // 初始化状态栏Tray
 function initializeStatusBarTray(mainWindow: BrowserWindow) {
-  if (process.platform !== 'darwin') return;
+  const store = getStore()
+  if (process.platform !== 'darwin' || !store.get('set.showTopAction')) return;

  const iconSize = getProperIconSize();

--- a/src/main/set.json
+++ b/src/main/set.json
@@ -23,5 +23,6 @@
  "alwaysShowDownloadButton": false,
  "unlimitedDownload": false,
  "enableMusicUnblock": true,
-  "enabledMusicSources": ["migu", "kugou", "pyncmd", "bilibili", "kuwo"]
+  "enabledMusicSources": ["migu", "kugou", "pyncmd", "bilibili", "kuwo"],
+  "showTopAction": false
 }
--- a/src/renderer/api/bilibili.ts
+++ b/src/renderer/api/bilibili.ts
@@ -152,3 +152,32 @@ export const getBilibiliAudioUrl = async (bvid: string, cid: number): Promise<st
    throw error;
  }
 };
+
+
+// 根据音乐名称搜索并直接返回音频URL
+export const searchAndGetBilibiliAudioUrl = async (
+  keyword: string
+): Promise<string> => {
+  try {
+    // 搜索B站视频，取第一页第一个结果
+    const res = await searchBilibili({ keyword, page: 1, pagesize: 1 });
+    const result = res.data?.data?.result;
+    if (!result || result.length === 0) {
+      throw new Error('未找到相关B站视频');
+    }
+    const first = result[0];
+    const bvid = first.bvid;
+    // 需要获取视频详情以获得cid
+    const detailRes = await getBilibiliVideoDetail(bvid);
+    const pages = detailRes.data.pages;
+    if (!pages || pages.length === 0) {
+      throw new Error('未找到视频分P信息');
+    }
+    const cid = pages[0].cid;
+    // 获取音频URL
+    return await getBilibiliAudioUrl(bvid, cid);
+  } catch (error) {
+    console.error('根据名称搜索B站音频URL失败:', error);
+    throw error;
+  }
+}
--- a/src/renderer/api/gdmusic.ts
+++ b/src/renderer/api/gdmusic.ts
@@ -126,26 +126,6 @@ export const parseFromGDMusic = async (
  }
 };

-/**
- * 获取音质映射
- * @param qualitySetting 设置中的音质选项
- * @returns 映射到GD音乐台的音质参数
- */
-export const getQualityMapping = (qualitySetting: string): string => {
-  const qualityMap: Record<string, string> = {
-    standard: '128',
-    higher: '320',
-    exhigh: '320',
-    lossless: '740',
-    hires: '999',
-    jyeffect: '999',
-    sky: '999',
-    dolby: '999',
-    jymaster: '999'
-  };
-  return qualityMap[qualitySetting] || '320';
-};
-
 interface GDMusicUrlResult {
  url: string;
  br: string;
--- a/src/renderer/api/list.ts
+++ b/src/renderer/api/list.ts
@@ -40,3 +40,8 @@ export function getListDetail(id: number | string) {
 export function getAlbum(id: number | string) {
  return request.get('/album', { params: { id } });
 }
+
+// 获取排行榜列表
+export function getToplist() {
+  return request.get('/toplist');
+}
--- a/src/renderer/api/music.ts
+++ b/src/renderer/api/music.ts
@@ -5,7 +5,9 @@ import { isElectron } from '@/utils';
 import request from '@/utils/request';
 import requestMusic from '@/utils/request_music';
 import { cloneDeep } from 'lodash';
-import { parseFromGDMusic, getQualityMapping } from './gdmusic';
+import { parseFromGDMusic } from './gdmusic';
+import type { SongResult } from '@/type/music';
+import { searchAndGetBilibiliAudioUrl } from './bilibili';

 const { addData, getData, deleteData } = musicDB;

@@ -80,7 +82,7 @@ export const getMusicLrc = async (id: number) => {
  }
 };

-export const getParsingMusicUrl = async (id: number, data: any) => {
+export const getParsingMusicUrl = async (id: number, data: SongResult) => {
  const settingStore = useSettingsStore();
  
  // 如果禁用了音乐解析功能，则直接返回空结果
@@ -98,7 +100,25 @@ export const getParsingMusicUrl = async (id: number, data: any) => {
    try {
      enabledSources = JSON.parse(savedSource);
      console.log(`使用歌曲 ${id} 自定义音源:`, enabledSources);
+      if(enabledSources.includes('bilibili')){
+        // 构建搜索关键词，依次判断歌曲名称、歌手名称和专辑名称是否存在
+        const songName = data?.name || '';
+        const artistName = Array.isArray(data?.ar) && data.ar.length > 0 && data.ar[0]?.name ? data.ar[0].name : '';
+        const albumName = data?.al && typeof data.al === 'object' && data.al?.name ? data.al.name : '';
+        const name = [songName, artistName, albumName].filter(Boolean).join(' ').trim();
+        console.log('开始搜索bilibili音频', name);
+       return {
+        data: {
+          code: 200,
+          message: 'success',
+          data: {
+            url: await searchAndGetBilibiliAudioUrl(name)
+          }
+        }
+       }
+      }
    } catch (e) {
+      console.error('e',e)
      console.error('解析自定义音源失败, 使用全局设置', e);
      enabledSources = settingStore.setData.enabledMusicSources || [];
    }
@@ -108,13 +128,11 @@ export const getParsingMusicUrl = async (id: number, data: any) => {
  }
  
  // 检查是否选择了GD音乐台解析
+  
  if (enabledSources.includes('gdmusic')) {
    // 获取音质设置并转换为GD音乐台格式
    try {
-      const quality = getQualityMapping(settingStore.setData.musicQuality || 'higher');
-      
-      // 调用封装的GD音乐台解析服务
-      const gdResult = await parseFromGDMusic(id, data, quality);
+      const gdResult = await parseFromGDMusic(id, data, '999');
      if (gdResult) {
        return gdResult;
      }
@@ -201,3 +219,11 @@ export function getPlaylistDetail(id: string) {
    }
  });
 }
+
+export function subscribePlaylist(params: { t: number; id: number }) {
+  return request({
+    url: '/playlist/subscribe',
+    method: 'post',
+    params
+  });
+}
--- a/src/renderer/components/Coffee.vue
+++ b/src/renderer/components/Coffee.vue
@@ -71,12 +71,12 @@ const { t } = useI18n();

 const message = useMessage();
 const copyQQ = () => {
-  navigator.clipboard.writeText('789288579');
-  message.success('已复制到剪贴板');
+  navigator.clipboard.writeText('algermusic');
+  message.success(t('common.copySuccess'));
 };

 const toDonateList = () => {
-  window.open('http://donate.alger.fun', '_blank');
+  window.open('http://donate.alger.fun/download', '_blank');
 };

 defineProps({
--- a/src/renderer/components/common/DonationList.vue
+++ b/src/renderer/components/common/DonationList.vue
@@ -4,6 +4,12 @@
      <div class="description">
        <p>{{ t('donation.description') }}</p>
        <p>{{ t('donation.message') }}</p>
+          <n-button type="primary" @click="toDonateList">
+            <template #icon>
+              <i class="ri-cup-line"></i>
+            </template>
+            {{ t('donation.toDonateList') }}
+          </n-button> 
      </div>
      <div class="qrcode-grid">
        <div class="qrcode-item">
@@ -16,15 +22,6 @@
          <span class="qrcode-label">{{ t('common.alipay') }}</span>
        </div>
        
-        <div class="donate-button">
-          <n-button type="primary" @click="toDonateList">
-            <template #icon>
-              <i class="ri-cup-line"></i>
-            </template>
-            {{ t('donation.toDonateList') }}
-          </n-button>
-        </div>
-        
        <div class="qrcode-item">
          <n-image
            :src="wechat"
@@ -66,7 +63,7 @@
          <div class="donor-info">
            <div class="donor-meta">
              <div class="donor-name">{{ donor.name }}</div>
-              <div class="price-tag">￥{{ donor.amount }}</div>
+              <!-- <div class="price-tag">￥{{ donor.amount }}</div> -->
            </div>
            <div class="donation-date">{{ donor.date }}</div>
          </div>
@@ -172,7 +169,7 @@ const toggleExpand = () => {
 };

 const toDonateList = () => {
-  window.open('http://donate.alger.fun', '_blank');
+  window.open('http://donate.alger.fun/download', '_blank');
 };
 </script>

@@ -211,13 +208,9 @@ const toDonateList = () => {
  @apply rounded-lg p-2.5 transition-all duration-200 hover:shadow-md;
  @apply bg-light-100 dark:bg-gray-800/5 backdrop-blur-sm;
  @apply border border-gray-200 dark:border-gray-700/10;
-  @apply flex flex-col justify-between;
+  @apply flex flex-col;
  min-height: 100px;
  
-  &.no-message {
-    @apply justify-between;
-  }
-  
  .card-content {
    @apply flex items-start gap-2 mb-2;
  }
@@ -327,7 +320,7 @@ const toDonateList = () => {
  }
  
  .qrcode-grid {
-    @apply flex justify-between items-center gap-4;
+    @apply flex justify-between items-center gap-4 flex-wrap;
    
    .qrcode-item {
      @apply flex flex-col items-center gap-2;
--- a/src/renderer/components/common/InstallAppModal.vue
+++ b/src/renderer/components/common/InstallAppModal.vue
@@ -45,8 +45,7 @@
 import { onMounted, ref } from 'vue';
 import { useI18n } from 'vue-i18n';

-import { isElectron, isMobile } from '@/utils';
-import { getLatestReleaseInfo, getProxyNodes } from '@/utils/update';
+import { isElectron } from '@/utils';

 import config from '../../../../package.json';

@@ -54,7 +53,6 @@ const { t } = useI18n();

 const showModal = ref(false);
 const noPrompt = ref(false);
-const releaseInfo = ref<any>(null);

 const closeModal = () => {
  showModal.value = false;
@@ -63,11 +61,9 @@ const closeModal = () => {
  }
 };

-const proxyHosts = ref<string[]>([]);
-
 onMounted(async () => {
  // 如果是 electron 环境，不显示安装提示
-  if (isElectron || isMobile.value) {
+  if (isElectron) {
    return;
  }

@@ -76,58 +72,11 @@ onMounted(async () => {
  if (isDismissed) {
    return;
  }
-
-  // 获取最新版本信息
-  releaseInfo.value = await getLatestReleaseInfo();
  showModal.value = true;
-  proxyHosts.value = await getProxyNodes();
 });

 const handleInstall = async (): Promise<void> => {
-  const assets = releaseInfo.value?.assets || [];
-  const { userAgent } = navigator;
-  const isMac = userAgent.toLowerCase().includes('mac');
-  const isWindows = userAgent.toLowerCase().includes('win');
-  const isLinux = userAgent.toLowerCase().includes('linux');
-  const isX64 =
-    userAgent.includes('x86_64') || userAgent.includes('Win64') || userAgent.includes('WOW64');
-
-  let downloadUrl = '';
-
-  // 根据平台和架构选择对应的安装包
-  if (isMac) {
-    // macOS
-    const macAsset = assets.find((asset) => asset.name.includes('mac'));
-    downloadUrl = macAsset?.browser_download_url || '';
-  } else if (isWindows) {
-    // Windows
-    let winAsset = assets.find(
-      (asset) =>
-        asset.name.includes('win') &&
-        (isX64 ? asset.name.includes('x64') : asset.name.includes('ia32'))
-    );
-    if (!winAsset) {
-      winAsset = assets.find((asset) => asset.name.includes('win.exe'));
-    }
-    downloadUrl = winAsset?.browser_download_url || '';
-  } else if (isLinux) {
-    // Linux
-    const linuxAsset = assets.find(
-      (asset) =>
-        (asset.name.endsWith('.AppImage') || asset.name.endsWith('.deb')) &&
-        asset.name.includes('x64')
-    );
-    downloadUrl = linuxAsset?.browser_download_url || '';
-  }
-
-  if (downloadUrl) {
-    const proxyDownloadUrl = `${proxyHosts.value[0]}/${downloadUrl}`;
-    window.open(proxyDownloadUrl, '_blank');
-  } else {
-    // 如果没有找到对应的安装包，跳转到 release 页面
-    window.open('https://github.com/algerkong/AlgerMusicPlayer/releases/latest', '_blank');
-  }
-  closeModal();
+  window.open('http://donate.alger.fun/download', '_blank');
 };
 </script>

--- a/src/renderer/components/common/PlaylistDrawer.vue
+++ b/src/renderer/components/common/PlaylistDrawer.vue
@@ -254,7 +254,7 @@ watch(
 }

 .playlist-drawer {
-  @apply flex flex-col gap-6;
+  @apply flex flex-col gap-6 py-6;
 }

 .create-playlist-section {
@@ -335,7 +335,7 @@ watch(
 }

 .playlist-list {
-  @apply flex flex-col gap-2;
+  @apply flex flex-col gap-2 pb-40;
 }

 .playlist-item {
@@ -367,4 +367,9 @@ watch(
    }
  }
 }
+
+:deep(.n-drawer-body-content-wrapper) {
+  padding-bottom: 0 !important;
+  padding-top: 0 !important;
+}
 </style>
--- a/src/renderer/components/common/SearchItem.vue
+++ b/src/renderer/components/common/SearchItem.vue
@@ -33,7 +33,6 @@
 <script setup lang="ts">
 import { getAlbum, getListDetail } from '@/api/list';
 import MvPlayer from '@/components/MvPlayer.vue';
-import { audioService } from '@/services/audioService';
 import { usePlayerStore } from '@/store/modules/player';
 import { IMvItem } from '@/type/mv';
 import { getImgUrl } from '@/utils';
@@ -129,9 +128,7 @@ const handleClick = async () => {
 };

 const handleShowMv = async () => {
-  playerStore.setIsPlay(false);
-  playerStore.setPlayMusic(false);
-  audioService.getCurrentSound()?.pause();
+  playerStore.handlePause();
  showPop.value = true;
 };
 </script>
--- a/src/renderer/components/common/SongItem.vue
+++ b/src/renderer/components/common/SongItem.vue
@@ -1,14 +1,19 @@
 <template>
  <div
    class="song-item"
-    :class="{ 'song-mini': mini, 'song-list': list }"
+    :class="{ 'song-mini': mini, 'song-list': list, 'song-compact': compact }"
    @contextmenu.prevent="handleContextMenu"
+    @mouseenter="handleMouseEnter"
+    @mouseleave="handleMouseLeave"
  >
+    <div v-if="compact && index !== undefined" class="song-item-index" :class="{ 'text-green-500': isPlaying }">
+      {{ index + 1 }}
+    </div>
    <div v-if="selectable" class="song-item-select" @click.stop="toggleSelect">
      <n-checkbox :checked="selected" />
    </div>
    <n-image
-      v-if="item.picUrl"
+      v-if="item.picUrl && !compact"
      ref="songImg"
      :src="getImgUrl(item.picUrl, '100y100')"
      class="song-item-img"
@@ -18,9 +23,9 @@
      }"
      @load="imageLoad"
    />
-    <div class="song-item-content">
+    <div class="song-item-content" :class="{ 'song-item-content-compact': compact }">
      <div v-if="list" class="song-item-content-wrapper">
-        <n-ellipsis class="song-item-content-title text-ellipsis" line-clamp="1">{{
+        <n-ellipsis class="song-item-content-title text-ellipsis" line-clamp="1" :class="{ 'text-green-500': isPlaying }">{{
          item.name
        }}</n-ellipsis>
        <div class="song-item-content-divider">-</div>
@@ -35,9 +40,36 @@
          </template>
        </n-ellipsis>
      </div>
+      <template v-else-if="compact">
+        <div class="song-item-content-compact-wrapper">
+          <div class="w-60 flex-shrink-0 flex items-center" @dblclick="playMusicEvent(item)">
+            <n-ellipsis class="song-item-content-title text-ellipsis" line-clamp="1" :class="{ 'text-green-500': isPlaying }">
+              {{ item.name }}
+            </n-ellipsis>
+          </div>
+          <div class="w-40 flex-shrink-0 song-item-content-compact-artist flex items-center">
+            <n-ellipsis line-clamp="1">
+              <template v-for="(artist, index) in artists" :key="index">
+                <span
+                  class="cursor-pointer hover:text-green-500"
+                  @click.stop="handleArtistClick(artist.id)"
+                  >{{ artist.name }}</span
+                >
+                <span v-if="index < artists.length - 1"> / </span>
+              </template>
+            </n-ellipsis>
+          </div>
+        </div>
+        <div class="song-item-content-album flex items-center">
+          <n-ellipsis line-clamp="1">{{ item.al?.name || '-' }}</n-ellipsis>
+        </div>
+        <div class="song-item-content-duration flex items-center">
+          {{ formatDuration(getDuration(item)) }}
+        </div>
+      </template>
      <template v-else>
-        <div class="song-item-content-title">
-          <n-ellipsis class="text-ellipsis" line-clamp="1">{{ item.name }}</n-ellipsis>
+        <div class="song-item-content-title" @dblclick="playMusicEvent(item)">
+          <n-ellipsis class="text-ellipsis" line-clamp="1" :class="{ 'text-green-500': isPlaying }">{{ item.name }}</n-ellipsis>
        </div>
        <div class="song-item-content-name">
          <n-ellipsis class="text-ellipsis" line-clamp="1">
@@ -53,15 +85,18 @@
        </div>
      </template>
    </div>
-    <div class="song-item-operating" :class="{ 'song-item-operating-list': list }">
-      <div v-if="favorite" class="song-item-operating-like">
+    <div class="song-item-operating" :class="{ 
+      'song-item-operating-list': list,
+      'song-item-operating-compact': compact 
+    }">
+      <div v-if="favorite" class="song-item-operating-like" :class="{ 'opacity-0': compact && !isHovering && !isFavorite }">
        <i
          class="iconfont icon-likefill"
          :class="{ 'like-active': isFavorite }"
          @click.stop="toggleFavorite"
        ></i>
      </div>
-      <n-tooltip  v-if="isNext" trigger="hover" :z-index="9999999" :delay="400">
+      <n-tooltip v-if="isNext" trigger="hover" :z-index="9999999" :delay="400">
        <template #trigger>
          <div class="song-item-operating-next" @click.stop="handlePlayNext">
            <i class="iconfont ri-skip-forward-fill"></i>
@@ -71,12 +106,15 @@
      </n-tooltip>
      <div
        class="song-item-operating-play bg-gray-300 dark:bg-gray-800 animate__animated"
-        :class="{ 'bg-green-600': isPlaying, animate__flipInY: playLoading }"
+        :class="{ 'bg-green-600': isPlaying, 'animate__flipInY': playLoading, 'opacity-0': compact && !isHovering && !isPlaying }"
        @click="playMusicEvent(item)"
      >
        <i v-if="isPlaying && play" class="iconfont icon-stop"></i>
        <i v-else class="iconfont icon-playfill"></i>
      </div>
+      <div v-if="compact" class="song-item-operating-menu" @click.stop="handleMenuClick" :class="{ 'opacity-0': compact && !isHovering && !isPlaying }">
+        <i class="iconfont ri-more-fill"></i>
+      </div>
    </div>
    <n-dropdown
      v-if="isElectron"
@@ -84,7 +122,7 @@
      :x="dropdownX"
      :y="dropdownY"
      :options="dropdownOptions"
-      :z-index="99999"
+      :z-index="99999999"
      placement="bottom-start"
      @clickoutside="showDropdown = false"
      @select="handleSelect"
@@ -95,13 +133,12 @@
 <script lang="ts" setup>
 import { cloneDeep } from 'lodash';
 import type { MenuOption } from 'naive-ui';
-import { NImage, NText, useMessage } from 'naive-ui';
+import { NEllipsis, NImage, useMessage } from 'naive-ui';
 import { computed, h, inject, ref, useTemplateRef } from 'vue';
 import { useI18n } from 'vue-i18n';

-import { getSongUrl } from '@/hooks/MusicListHook';
+import { getSongUrl } from '@/store/modules/player';
 import { useArtist } from '@/hooks/useArtist';
-import { audioService } from '@/services/audioService';
 import { usePlayerStore } from '@/store';
 import type { SongResult } from '@/type/music';
 import { getImgUrl, isElectron } from '@/utils';
@@ -114,20 +151,24 @@ const props = withDefaults(
    item: SongResult;
    mini?: boolean;
    list?: boolean;
+    compact?: boolean;
    favorite?: boolean;
    selectable?: boolean;
    selected?: boolean;
    canRemove?: boolean;
    isNext?: boolean;
+    index?: number;
  }>(),
  {
    mini: false,
    list: false,
+    compact: false,
    favorite: true,
    selectable: false,
    selected: false,
    canRemove: false,
-    isNext: false
+    isNext: false,
+    index: undefined
  }
 );

@@ -147,6 +188,7 @@ const isPlaying = computed(() => {
 const showDropdown = ref(false);
 const dropdownX = ref(0);
 const dropdownY = ref(0);
+const isHovering = ref(false);

 const isDownloading = ref(false);

@@ -172,26 +214,49 @@ const renderSongPreview = () => {
      h(
        'div',
        {
-          class: 'flex-1 min-w-0 py-1'
+          class: 'flex-1 min-w-0 py-1 overflow-hidden'
        },
        [
          h(
            'div',
            {
-              class: 'mb-1'
+              class: 'mb-1 overflow-hidden'
            },
            [
              h(
-                NText,
+                NEllipsis,
                {
+                  lineClamp: 1,
                  depth: 1,
-                  class: 'text-sm font-medium'
+                  class: 'text-sm font-medium w-full',
+                  style: 'max-width: 150px; min-width: 120px;'
                },
                {
                  default: () => props.item.name
                }
              )
            ]
+          ),
+          h(
+            'div',
+            {
+              class: 'text-xs text-gray-500 dark:text-gray-400 overflow-hidden'
+            },
+            [
+              h(
+                NEllipsis,
+                {
+                  lineClamp: 1,
+                  style: 'max-width: 150px;'
+                },
+                {
+                  default: () => {
+                    const artistNames = (props.item.ar || props.item.song?.artists)?.map((a) => a.name).join(' / ');
+                    return artistNames || '未知艺术家';
+                  }
+                }
+              )
+            ]
          )
        ]
      )
@@ -268,6 +333,13 @@ const handleContextMenu = (e: MouseEvent) => {
  dropdownY.value = e.clientY;
 };

+const handleMenuClick = (e: MouseEvent) => {
+  e.preventDefault();
+  showDropdown.value = true;
+  dropdownX.value = e.clientX;
+  dropdownY.value = e.clientY;
+};
+
 const handleSelect = (key: string | number) => {
  showDropdown.value = false;
  if (key === 'download') {
@@ -371,18 +443,6 @@ const imageLoad = async () => {

 // 播放音乐 设置音乐详情 打开音乐底栏
 const playMusicEvent = async (item: SongResult) => {
-  // 如果是当前正在播放的音乐，则切换播放/暂停状态
-  if (playMusic.value.id === item.id) {
-    if (play.value) {
-      playerStore.setPlayMusic(false);
-      audioService.getCurrentSound()?.pause();
-    } else {
-      playerStore.setPlayMusic(true);
-      audioService.getCurrentSound()?.play();
-    }
-    return;
-  }
-
  try {
    // 使用store的setPlay方法，该方法已经包含了B站视频URL处理逻辑
    const result = await playerStore.setPlay(item);
@@ -435,6 +495,33 @@ const handlePlayNext = () => {
  playerStore.addToNextPlay(props.item);
  message.success(t('songItem.message.addedToNextPlay'));
 };
+
+// 获取歌曲时长
+const getDuration = (item: SongResult): number => {
+  // 检查各种可能的时长属性路径
+  if (item.duration) return item.duration;
+  if (typeof item.dt === 'number') return item.dt;
+  // 遍历可能存在的其他时长属性路径
+  return 0;
+};
+
+// 格式化时长
+const formatDuration = (ms: number): string => {
+  if (!ms) return '--:--';
+  const totalSeconds = Math.floor(ms / 1000);
+  const minutes = Math.floor(totalSeconds / 60);
+  const seconds = totalSeconds % 60;
+  return `${minutes.toString().padStart(2, '0')}:${seconds.toString().padStart(2, '0')}`;
+};
+
+// 鼠标悬停事件
+const handleMouseEnter = () => {
+  isHovering.value = true;
+};
+
+const handleMouseLeave = () => {
+  isHovering.value = false;
+};
 </script>

 <style lang="scss" scoped>
@@ -451,13 +538,24 @@ const handlePlayNext = () => {
  @apply rounded-3xl p-3 flex items-center transition bg-transparent dark:text-white text-gray-900;

  &:hover {
-    @apply bg-gray-100 dark:bg-gray-800;
+    @apply bg-light-100 dark:bg-dark-100;
+
+    .song-item-operating-compact {
+      .song-item-operating-like,
+      .song-item-operating-play {
+        @apply opacity-100;
+      }
+    }
  }

  &-img {
    @apply w-12 h-12 rounded-2xl mr-4;
  }

+  &-index {
+    @apply w-8 text-center text-gray-500 dark:text-gray-400 text-sm;
+  }
+
  &-content {
    @apply flex-1;

@@ -468,6 +566,26 @@ const handlePlayNext = () => {
    &-name {
      @apply text-xs text-gray-500 dark:text-gray-400;
    }
+
+    &-compact {
+      @apply flex items-center gap-4;
+
+      &-wrapper {
+        @apply flex-1 min-w-0;
+      }
+
+      &-artist {
+        @apply text-sm text-gray-500 dark:text-gray-400 ml-2;
+      }
+    }
+
+    &-album {
+      @apply w-32 text-sm text-gray-500 dark:text-gray-400;
+    }
+
+    &-duration {
+      @apply w-16 text-sm text-gray-500 dark:text-gray-400 text-right;
+    }
  }

  &-operating {
@@ -514,6 +632,14 @@ const handlePlayNext = () => {
        @apply text-xl transition text-gray-500 dark:text-gray-400 hover:text-green-500;
      }
    }
+
+    &-menu {
+      @apply cursor-pointer flex items-center justify-center px-2;
+
+      .iconfont {
+        @apply text-xl transition text-gray-500 dark:text-gray-400 hover:text-green-500;
+      }
+    }
  }

  &-select {
@@ -521,6 +647,61 @@ const handlePlayNext = () => {
  }
 }

+.song-compact {
+  @apply rounded-lg p-2 h-12 mb-1 border-b dark:border-gray-800 border-gray-100;
+
+  &:hover {
+    @apply bg-gray-50 dark:bg-gray-700;
+
+    .opacity-0 {
+      opacity: 1;
+    }
+  }
+
+  .song-item-content {
+    &-title {
+      @apply text-sm cursor-pointer;
+    }
+  }
+  
+  .song-item-content-compact-wrapper {
+    @apply flex items-center;
+  }
+
+  .song-item-content-compact-artist {
+    @apply w-40;
+  }
+
+  .song-item-operating-compact {
+    @apply border-none bg-transparent gap-2 flex items-center;
+
+    .song-item-operating-like,
+    .song-item-operating-play {
+      @apply transition-opacity duration-200;
+    }
+
+    .song-item-operating-play {
+      @apply w-7 h-7;
+
+      .iconfont {
+        @apply text-base;
+      }
+    }
+
+    .song-item-operating-like {
+      @apply mr-1 ml-0;
+
+      .iconfont {
+        @apply text-base;
+      }
+    }
+
+    .opacity-0 {
+      opacity: 0;
+    }
+  }
+}
+
 .song-mini {
  @apply p-2 rounded-2xl;

--- a/src/renderer/components/player/MiniPlayBar.vue
+++ b/src/renderer/components/player/MiniPlayBar.vue
@@ -52,7 +52,7 @@
          ></i>
        </div>

-        <n-popover trigger="hover" :z-index="99999999" placement="top" :show-arrow="false">
+        <n-popover v-if="component" trigger="hover" :z-index="99999999" placement="top" :show-arrow="false">
          <template #trigger>
            <div class="function-button" @click="mute">
              <i class="iconfont" :class="getVolumeIcon"></i>
@@ -312,25 +312,7 @@ const handleNext = () => playerStore.nextPlay();

 const playMusicEvent = async () => {
  try {
-    if (!playerStore.playMusic?.id || !playerStore.playMusicUrl) {
-      console.warn('No valid music or URL available');
-      playerStore.setPlay(playerStore.playMusic);
-      return;
-    }
-
-    if (play.value) {
-      if (audioService.getCurrentSound()) {
-        audioService.pause();
-        playerStore.setPlayMusic(false);
-      }
-    } else {
-      if (audioService.getCurrentSound()) {
-        audioService.play();
-      } else {
-        await audioService.play(playerStore.playMusicUrl, playerStore.playMusic);
-      }
-      playerStore.setPlayMusic(true);
-    }
+    playerStore.setPlay(playerStore.playMusic);
  } catch (error) {
    console.error('播放出错:', error);
    playerStore.nextPlay();
--- a/src/renderer/components/player/MobilePlayBar.vue
+++ b/src/renderer/components/player/MobilePlayBar.vue
@@ -89,7 +89,7 @@
      </div>

      <!-- 定时关闭按钮 -->
-      <SleepTimerPopover mode="mobile" />
+      <!-- <SleepTimerPopover mode="mobile" /> -->
    </template>

    <!-- Mini模式 - 在musicFullVisible为false时显示 -->
@@ -155,10 +155,8 @@ import { useThrottleFn } from '@vueuse/core';
 import { computed, ref, watch } from 'vue';

 import SongItem from '@/components/common/SongItem.vue';
-import SleepTimerPopover from '@/components/player/SleepTimerPopover.vue';
 import { allTime, artistList, nowTime, playMusic, sound, textColors } from '@/hooks/MusicHook';
 import MusicFull from '@/layout/components/MusicFull.vue';
-import { audioService } from '@/services/audioService';
 import { usePlayerStore } from '@/store/modules/player';
 import { useSettingsStore } from '@/store/modules/settings';
 import type { SongResult } from '@/type/music';
@@ -235,25 +233,7 @@ const toggleFavorite = () => {
 // 播放暂停按钮事件
 const playMusicEvent = async () => {
  try {
-    if (!playMusic.value?.id || !playerStore.playMusicUrl) {
-      console.warn('No valid music or URL available');
-      playerStore.setPlay(playMusic.value);
-      return;
-    }
-
-    if (play.value) {
-      if (audioService.getCurrentSound()) {
-        audioService.pause();
-        playerStore.setPlayMusic(false);
-      }
-    } else {
-      if (audioService.getCurrentSound()) {
-        audioService.play();
-      } else {
-        await audioService.play(playerStore.playMusicUrl, playMusic.value);
-      }
-      playerStore.setPlayMusic(true);
-    }
+    playerStore.setPlay(playMusic.value);
  } catch (error) {
    console.error('播放出错:', error);
    playerStore.nextPlay();
--- a/src/renderer/components/player/PlayBar.vue
+++ b/src/renderer/components/player/PlayBar.vue
@@ -155,42 +155,12 @@
      </n-popover>
      <!-- 定时关闭功能 -->
      <sleep-timer-popover mode="desktop" />
-      <n-popover
-        trigger="click"
-        :z-index="99999999"
-        content-class="music-play"
-        raw
-        :show-arrow="false"
-        :delay="200"
-        arrow-wrapper-style=" border-radius:1.5rem"
-        @update-show="scrollToPlayList"
-      >
+      <n-tooltip trigger="hover" :z-index="9999999">
        <template #trigger>
-          <n-tooltip trigger="manual" :z-index="9999999">
-            <template #trigger>
-              <i class="iconfont icon-list"></i>
-            </template>
-            {{ t('player.playBar.playList') }}
-          </n-tooltip>
+          <i class="iconfont icon-list text-2xl hover:text-green-500 transition-colors cursor-pointer" @click="openPlayListDrawer"></i>
        </template>
-        <div class="music-play-list">
-          <div class="music-play-list-back"></div>
-          <n-virtual-list ref="palyListRef" :item-size="62" item-resizable :items="playList">
-            <template #default="{ item }">
-              <div class="music-play-list-content">
-                <div class="flex items-center justify-between">
-                  <song-item :key="item.id" class="flex-1" :item="item" mini></song-item>
-                  <div class="delete-btn" @click.stop="handleDeleteSong(item)">
-                    <i
-                      class="iconfont ri-delete-bin-line text-gray-400 hover:text-red-500 transition-colors"
-                    ></i>
-                  </div>
-                </div>
-              </div>
-            </template>
-          </n-virtual-list>
-        </div>
-      </n-popover>
+        {{ t('player.playBar.playList') }}
+      </n-tooltip>
    </div>
    <!-- 播放音乐 -->
    <music-full ref="MusicFullRef" v-model="musicFullVisible" :background="background" />
@@ -200,10 +170,9 @@
 <script lang="ts" setup>
 import { useThrottleFn } from '@vueuse/core';
 import { useMessage } from 'naive-ui';
-import { computed, ref, useTemplateRef, watch } from 'vue';
+import { computed, ref, watch } from 'vue';
 import { useI18n } from 'vue-i18n';

-import SongItem from '@/components/common/SongItem.vue';
 import EqControl from '@/components/EQControl.vue';
 import SleepTimerPopover from '@/components/player/SleepTimerPopover.vue';
 import ReparsePopover from '@/components/player/ReparsePopover.vue';
@@ -224,7 +193,6 @@ import {
  usePlayerStore 
 } from '@/store/modules/player';
 import { useSettingsStore } from '@/store/modules/settings';
-import type { SongResult } from '@/type/music';
 import { getImgUrl, isElectron, isMobile, secondToMinute, setAnimationClass } from '@/utils';

 const playerStore = usePlayerStore();
@@ -233,8 +201,6 @@ const { t } = useI18n();
 const message = useMessage();
 // 是否播放
 const play = computed(() => playerStore.isPlay);
-// 播放列表
-const playList = computed(() => playerStore.playList as SongResult[]);
 // 背景颜色
 const background = ref('#000');

@@ -372,42 +338,12 @@ const showSliderTooltip = ref(false);
 // 播放暂停按钮事件
 const playMusicEvent = async () => {
  try {
-    // 检查是否有有效的音乐对象
-    if (!playMusic.value?.id) {
-      console.warn('没有有效的播放对象');
-      return;
-    }
-
-    // 当前处于播放状态 -> 暂停
-    if (play.value) {
-      if (audioService.getCurrentSound()) {
-        audioService.pause();
-        playerStore.setPlayMusic(false);
-      }
-      return;
-    }
-
-    // 当前处于暂停状态 -> 播放
-    // 有音频实例，直接播放
-    if (audioService.getCurrentSound()) {
-      audioService.play();
+    const result = await playerStore.setPlay({ ...playMusic.value});
+    if (result) {
      playerStore.setPlayMusic(true);
-      return;
-    }
-
-    // 没有音频实例，重新获取并播放（包括重新获取B站视频URL）
-    try {
-      // 复用当前播放对象，但强制重新获取URL
-      const result = await playerStore.setPlay({ ...playMusic.value, playMusicUrl: undefined });
-      if (result) {
-        playerStore.setPlayMusic(true);
-      }
-    } catch (error) {
-      console.error('重新获取播放链接失败:', error);
-      message.error(t('player.playFailed'));
    }
  } catch (error) {
-    console.error('播放出错:', error);
+    console.error('重新获取播放链接失败:', error);
    message.error(t('player.playFailed'));
  }
 };
@@ -423,15 +359,6 @@ const setMusicFull = () => {
  }
 };

-const palyListRef = useTemplateRef('palyListRef') as any;
-
-const scrollToPlayList = (val: boolean) => {
-  if (!val) return;
-  setTimeout(() => {
-    palyListRef.value?.scrollTo({ top: playerStore.playListIndex * 62 });
-  }, 50);
-};
-
 const isFavorite = computed(() => {
  // 对于B站视频，使用ID匹配函数
  if (playMusic.value.source === 'bilibili' && playMusic.value.bilibiliData?.bvid) {
@@ -473,25 +400,11 @@ const handleArtistClick = (id: number) => {
  navigateToArtist(id);
 };

-// 监听播放栏显示状态
-watch(
-  () => MusicFullRef.value?.config?.hidePlayBar,
-  (newVal) => {
-    if (newVal && musicFullVisible.value) {
-      // 使用 animate.css 动画，不需要手动设置样式
-    }
-  }
-);
-
 const isEQVisible = ref(false);

-// 在 script setup 部分添加删除歌曲的处理函数
-const handleDeleteSong = (song: SongResult) => {
-  // 如果删除的是当前播放的歌曲，先切换到下一首
-  if (song.id === playMusic.value.id) {
-    playerStore.nextPlay();
-  }
-  playerStore.removeFromPlayList(song.id as number);
+// 打开播放列表抽屉
+const openPlayListDrawer = () => {
+  playerStore.setPlayListDrawerVisible(true);
 };
 </script>

--- a/src/renderer/components/player/PlayListDrawer.vue
+++ b/src/renderer/components/player/PlayListDrawer.vue
@@ -0,0 +1,287 @@
+<template>
+  <!-- 透明遮罩层，点击任意位置关闭 -->
+  <div v-if="internalVisible" class="fixed-overlay" @click="closePanel"></div>
+  
+  <!-- 使用animate.css进行动画效果 -->
+  <div 
+    v-if="internalVisible" 
+    class="playlist-panel"
+    :class="[
+      'animate__animated',
+      closing ? (isMobile ? 'animate__slideOutDown' : 'animate__slideOutRight') : 
+               (isMobile ? 'animate__slideInUp' : 'animate__slideInRight')
+    ]"
+  >
+    <div class="playlist-panel-header">
+      <div class="title">{{ t('player.playBar.playList') }}</div>
+      <div class="header-actions">
+        <n-tooltip trigger="hover">
+          <template #trigger>
+            <div class="action-btn" @click="handleClearPlaylist">
+              <i class="iconfont ri-delete-bin-line"></i>
+            </div>
+          </template>
+          {{ t('player.playList.clearAll')}}
+        </n-tooltip>
+        <div class="close-btn" @click="closePanel">
+          <i class="iconfont ri-close-line"></i>
+        </div>
+      </div>
+    </div>
+    <div class="playlist-panel-content">
+      <div v-if="playList.length === 0" class="empty-playlist">
+        <i class="iconfont ri-music-2-line"></i>
+        <p>{{ t('player.playList.empty')}}</p>
+      </div>
+      <n-virtual-list v-else ref="playListRef" :item-size="62" item-resizable :items="playList">
+        <template #default="{ item }">
+          <div class="music-play-list-content">
+            <div class="flex items-center justify-between">
+              <song-item :key="item.id" class="flex-1" :item="item" mini></song-item>
+              <div class="delete-btn" @click.stop="handleDeleteSong(item)">
+                <i
+                  class="iconfont ri-delete-bin-line text-gray-400 hover:text-red-500 transition-colors"
+                ></i>
+              </div>
+            </div>
+          </div>
+        </template>
+      </n-virtual-list>
+    </div>
+  </div>
+</template>
+
+<script setup lang="ts">
+import { computed, ref, watch, onMounted, onUnmounted, nextTick } from 'vue';
+import { useI18n } from 'vue-i18n';
+import { useMessage, useDialog } from 'naive-ui';
+import SongItem from '@/components/common/SongItem.vue';
+import { usePlayerStore } from '@/store/modules/player';
+import type { SongResult } from '@/type/music';
+import { isMobile } from '@/utils';
+
+const { t } = useI18n();
+const message = useMessage();
+const dialog = useDialog();
+const playerStore = usePlayerStore();
+
+// 内部状态控制组件的可见性
+const internalVisible = ref(false);
+const closing = ref(false);
+
+// 当前是否显示播放列表面板
+const show = computed({
+  get: () => playerStore.playListDrawerVisible,
+  set: (value) => {
+    playerStore.setPlayListDrawerVisible(value);
+  }
+});
+
+// 监听外部可见性变化
+watch(show, (newValue) => {
+  if (newValue) {
+    // 打开面板
+    internalVisible.value = true;
+    closing.value = false;
+    // 在下一个渲染周期后滚动到当前歌曲
+    nextTick(() => {
+      scrollToCurrentSong();
+    });
+  } else {
+    // 如果已经是关闭状态，不需要处理
+    if (!internalVisible.value) return;
+    
+    // 开始关闭动画
+    closing.value = true;
+    // 等待动画完成后再隐藏组件
+    setTimeout(() => {
+      internalVisible.value = false;
+    }, 400); // 动画持续时间
+  }
+}, { immediate: true });
+
+// 播放列表
+const playList = computed(() => playerStore.playList as SongResult[]);
+
+// 播放列表引用
+const playListRef = ref<any>(null);
+
+// 关闭面板
+const closePanel = () => {
+  show.value = false;
+};
+
+// 清空播放列表
+const handleClearPlaylist = () => {
+  if (playList.value.length === 0) {
+    message.info(t('player.playList.alreadyEmpty'));
+    return;
+  }
+  
+  dialog.warning({
+    title: t('player.playList.clearConfirmTitle'),
+    content: t('player.playList.clearConfirmContent'),
+    positiveText: t('common.confirm'),
+    negativeText: t('common.cancel'),
+    style: { zIndex: 999999999 }, // 确保对话框显示在遮罩之上
+    onPositiveClick: () => {
+      // 清空播放列表
+      playerStore.clearPlayAll();
+      message.success(t('player.playList.cleared'));
+    }
+  });
+};
+
+// 处理键盘事件
+const handleKeyDown = (event: KeyboardEvent) => {
+  if (event.key === 'Escape' && internalVisible.value) {
+    closePanel();
+  }
+};
+
+// 添加和移除键盘事件监听
+onMounted(() => {
+  window.addEventListener('keydown', handleKeyDown);
+});
+
+onUnmounted(() => {
+  window.removeEventListener('keydown', handleKeyDown);
+});
+
+// 滚动到当前播放歌曲
+const scrollToCurrentSong = () => {
+  // 延长等待时间，确保列表已渲染完成
+  setTimeout(() => {
+    if (playListRef.value && playList.value.length > 0) {
+      const index = playerStore.playListIndex;
+      console.log('滚动到歌曲索引:', index);
+      playListRef.value.scrollTo({ 
+        top: (index > 3 ? (index - 3) : 0) * 62,
+      });
+    }
+  }, 100);
+};  
+
+// 删除歌曲
+const handleDeleteSong = (song: SongResult) => {
+  playerStore.removeFromPlayList(song.id as number);
+};
+</script>
+
+<style lang="scss" scoped>
+.fixed-overlay {
+  @apply fixed inset-0 z-[999999];
+  pointer-events: auto; // 允许点击关闭
+  cursor: default;
+}
+
+.playlist-panel {
+  @apply fixed right-0 z-[9999999] rounded-l-xl overflow-hidden;
+  width: 350px;
+  height: 70vh;
+  top: 15vh; // 距离顶部15%
+  animation-duration: 0.4s !important; // 动画持续时间
+  
+  @apply bg-light dark:bg-dark shadow-2xl dark:border dark:border-gray-700;
+  
+  &-header {
+    @apply flex items-center justify-between px-4 py-2 border-b border-gray-100 dark:border-gray-900;
+    backdrop-filter: blur(10px);
+    background-color: rgba(255, 255, 255, 0.7);
+    
+    .dark & {
+      background-color: rgba(18, 18, 18, 0.7);
+    }
+    
+    .title {
+      @apply text-base font-medium;
+    }
+    
+    .header-actions {
+      @apply flex items-center;
+    }
+    
+    .action-btn,
+    .close-btn {
+      @apply w-8 h-8 flex items-center justify-center rounded-full cursor-pointer mx-1;
+      @apply hover:bg-gray-100 dark:hover:bg-gray-800 transition-colors;
+      
+      .iconfont {
+        @apply text-xl;
+      }
+    }
+    
+    .action-btn {
+      @apply text-gray-500 dark:text-gray-400;
+      &:hover {
+        @apply text-red-500 dark:text-red-400;
+      }
+    }
+  }
+  
+  &-content {
+    @apply h-[calc(70vh-60px)] overflow-hidden;
+  }
+}
+
+.empty-playlist {
+  @apply flex flex-col items-center justify-center h-full text-gray-400 dark:text-gray-500;
+  
+  .iconfont {
+    @apply text-5xl mb-4;
+  }
+  
+  p {
+    @apply text-sm;
+  }
+}
+
+.music-play-list-content {
+  @apply pr-2 hover:bg-light-100 dark:hover:bg-dark-100;
+  &:hover {
+    .delete-btn {
+      @apply visible;
+    }
+  }
+  .delete-btn {
+    @apply pr-2 cursor-pointer invisible;
+    .iconfont {
+      @apply text-lg;
+    }
+  }
+}
+
+// 移动端适配
+@media (max-width: 768px) {
+  .playlist-panel {
+    width: 100%;
+    height: 60vh;
+    top: auto;
+    bottom: 56px; // 移动端底部留出导航栏高度
+    border-radius: 16px 16px 0 0;
+    border-left: none;
+    border-top: 1px solid theme('colors.gray.200');
+    box-shadow: 0 -5px 20px rgba(0, 0, 0, 0.1);
+    
+    &-header {
+      @apply text-center relative;
+      
+      &::before {
+        content: '';
+        position: absolute;
+        top: -15px;
+        left: 50%;
+        transform: translateX(-50%);
+        width: 40px;
+        height: 5px;
+        border-radius: 5px;
+        background-color: rgba(150, 150, 150, 0.3);
+      }
+    }
+    
+    &-content {
+      height: calc(60vh - 60px);
+    }
+  }
+}
+</style> 
--- a/src/renderer/components/player/ReparsePopover.vue
+++ b/src/renderer/components/player/ReparsePopover.vue
@@ -84,12 +84,12 @@ const isReparse = computed(() => {

 // 可选音源列表
 const musicSourceOptions = ref([
-  { label: 'MiGu音乐', value: 'migu' as Platform },
-  { label: '酷狗音乐', value: 'kugou' as Platform },
+  { label: 'MiGu', value: 'migu' as Platform },
+  { label: 'KuGou', value: 'kugou' as Platform },
  { label: 'pyncmd', value: 'pyncmd' as Platform },
-  { label: '酷我音乐', value: 'kuwo' as Platform },
-  { label: 'Bilibili音乐', value: 'bilibili' as Platform },
-  { label: 'GD音乐台', value: 'gdmusic' as Platform }
+  { label: 'KuWo', value: 'kuwo' as Platform },
+  { label: 'Bilibili', value: 'bilibili' as Platform },
+  { label: 'GdMuisc', value: 'gdmusic' as Platform }
 ]);

 // 检查音源是否被选中
--- a/src/renderer/hooks/MusicHook.ts
+++ b/src/renderer/hooks/MusicHook.ts
@@ -9,6 +9,7 @@ import pinia, { usePlayerStore } from '@/store';
 import type { Artist, ILyricText, SongResult } from '@/type/music';
 import { isElectron } from '@/utils';
 import { getTextColors } from '@/utils/linearColor';
+import { getSongUrl } from '@/store/modules/player';

 const windowData = window as any;

@@ -905,7 +906,7 @@ audioService.on('url_expired', async (expiredTrack) => {
      // 处理网易云音乐，重新获取URL
      console.log('重新获取网易云音乐URL');
      try {
-        const { getSongUrl } = await import('@/store/modules/player');
+        
        const newUrl = await getSongUrl(expiredTrack.id, expiredTrack as any);

        if (newUrl) {
--- a/src/renderer/layout/AppLayout.vue
+++ b/src/renderer/layout/AppLayout.vue
@@ -20,7 +20,7 @@
              </keep-alive>
            </router-view>
          </div>
-          <play-bottom height="5rem" />
+          <play-bottom />
          <app-menu v-if="isMobile && !playerStore.musicFull" class="menu" :menus="menus" />
        </div>
      </div>
@@ -46,6 +46,8 @@
            settingsStore.setData?.hasDownloadingTasks)
        "
      />
+      <!-- 播放列表抽屉 -->
+      <play-list-drawer />
    </div>
    <install-app-modal v-if="!isElectron"></install-app-modal>
    <update-modal v-if="isElectron" />
@@ -88,7 +90,7 @@ const PlayBar = defineAsyncComponent(() => import('@/components/player/PlayBar.v
 const MobilePlayBar = defineAsyncComponent(() => import('@/components/player/MobilePlayBar.vue'));
 const SearchBar = defineAsyncComponent(() => import('./components/SearchBar.vue'));
 const TitleBar = defineAsyncComponent(() => import('./components/TitleBar.vue'));
-
+const PlayListDrawer = defineAsyncComponent(() => import('@/components/player/PlayListDrawer.vue'));
 const PlaylistDrawer = defineAsyncComponent(() => import('@/components/common/PlaylistDrawer.vue'));

 const playerStore = usePlayerStore();
--- a/src/renderer/layout/components/AppMenu.vue
+++ b/src/renderer/layout/components/AppMenu.vue
@@ -9,19 +9,16 @@
      </div>
      <div class="app-menu-list">
        <div v-for="(item, index) in menus" :key="item.path" class="app-menu-item">
-          <router-link class="app-menu-item-link" :to="item.path">
-            <i
-              class="iconfont app-menu-item-icon"
-              :style="iconStyle(index)"
-              :class="item.meta.icon"
-            ></i>
-            <span
-              v-if="isText"
-              class="app-menu-item-text ml-3"
-              :class="isChecked(index) ? 'text-green-500' : ''"
-              >{{ item.meta.title }}</span
-            >
-          </router-link>
+          <n-tooltip :delay="200" :disabled="isText" placement="bottom">
+            <template #trigger>
+              <router-link class="app-menu-item-link" :to="item.path">
+                <i class="iconfont app-menu-item-icon" :style="iconStyle(index)" :class="item.meta.icon"></i>
+                <span v-if="isText" class="app-menu-item-text ml-3" :class="isChecked(index) ? 'text-green-500' : ''">{{
+                  item.meta.title }}</span>
+              </router-link>
+            </template>
+            <div v-if="!isText">{{ item.meta.title }}</div>
+          </n-tooltip>
        </div>
      </div>
    </div>
@@ -83,6 +80,7 @@ const isText = ref(false);

 .app-menu-expanded {
  @apply w-[160px];
+
  .app-menu-item {
    @apply hover:bg-gray-100 dark:hover:bg-gray-800 rounded mr-4;
  }
--- a/src/renderer/layout/components/SearchBar.vue
+++ b/src/renderer/layout/components/SearchBar.vue
@@ -266,7 +266,7 @@ const selectItem = async (key: string) => {
 };

 const toGithub = () => {
-  window.open('http://donate.alger.fun', '_blank');
+  window.open('http://donate.alger.fun/download', '_blank');
 };

 const updateInfo = ref<UpdateResult>({
--- a/src/renderer/router/home.ts
+++ b/src/renderer/router/home.ts
@@ -33,6 +33,17 @@ const layoutRouter = [
    },
    component: () => import('@/views/list/index.vue')
  },
+  {
+    path: '/toplist',
+    name: 'toplist',
+    meta: {
+      title: '排行榜',
+      icon: 'ri-bar-chart-grouped-fill',
+      keepAlive: true,
+      isMobile: true
+    },
+    component: () => import('@/views/toplist/index.vue')
+  },
  {
    path: '/mv',
    name: 'mv',
@@ -40,20 +51,10 @@ const layoutRouter = [
      title: 'MV',
      icon: 'icon-recordfill',
      keepAlive: true,
-      isMobile: true
+      isMobile: false
    },
    component: () => import('@/views/mv/index.vue')
  },
-  // {
-  //   path: '/history',
-  //   name: 'history',
-  //   meta: {
-  //     title: '历史',
-  //     icon: 'icon-a-TicketStar',
-  //     keepAlive: true,
-  //   },
-  //   component: () => import('@/views/history/index.vue'),
-  // },
  {
    path: '/history',
    name: 'history',
--- a/src/renderer/services/audioService.ts
+++ b/src/renderer/services/audioService.ts
@@ -720,7 +720,6 @@ class AudioService {
  }

  pause() {
-    // 直接强制重置操作锁
    this.forceResetOperationLock();
    
    if (this.currentSound) {
--- a/src/renderer/store/modules/player.ts
+++ b/src/renderer/store/modules/player.ts
@@ -4,7 +4,7 @@ import { computed, ref } from 'vue';

 import i18n from '@/../i18n/renderer';
 import { getBilibiliAudioUrl } from '@/api/bilibili';
-import { getLikedList, getMusicLrc, getMusicUrl, getParsingMusicUrl } from '@/api/music';
+import { getLikedList, getMusicLrc, getMusicUrl, getParsingMusicUrl, likeSong } from '@/api/music';
 import { useMusicHistory } from '@/hooks/MusicHistoryHook';
 import { audioService } from '@/services/audioService';
 import type { ILyric, ILyricText, SongResult } from '@/type/music';
@@ -119,6 +119,7 @@ export const getSongUrl = async (
      // 如果自定义音源解析失败，继续使用正常的获取流程
      console.warn('自定义音源解析失败，使用默认音源');
    } catch (error) {
+      console.error('error',error)
      console.error('自定义音源解析出错:', error);
    }
  }
@@ -389,11 +390,29 @@ export const usePlayerStore = defineStore('player', () => {
  const favoriteList = ref<Array<number | string>>(getLocalStorageItem('favoriteList', []));
  const savedPlayProgress = ref<number | undefined>();
  
+  // 添加播放列表抽屉状态
+  const playListDrawerVisible = ref(false);
+  
  // 定时关闭相关状态
  const sleepTimer = ref<SleepTimerInfo>(getLocalStorageItem('sleepTimer', {
    type: SleepTimerType.NONE,
    value: 0
  }));
+
+  // 清空播放列表
+  const clearPlayAll = async () => {
+    audioService.pause()
+    setTimeout(() => {
+      playMusic.value = {} as SongResult;
+      playMusicUrl.value = '';
+      playList.value = [];
+      playListIndex.value = 0;
+      localStorage.removeItem('currentPlayMusic');
+      localStorage.removeItem('currentPlayMusicUrl');
+      localStorage.removeItem('playList');
+      localStorage.removeItem('playListIndex');
+    }, 500);
+  };
  
  const timerInterval = ref<number | null>(null);
  
@@ -529,13 +548,26 @@ export const usePlayerStore = defineStore('player', () => {

  const setPlay = async (song: SongResult) => {
    try {
+    // 如果是当前正在播放的音乐，则切换播放/暂停状态
+    if (playMusic.value.id === song.id && playMusic.value.playMusicUrl === song.playMusicUrl) {
+      if (play.value) {
+          setPlayMusic(false);
+          audioService.getCurrentSound()?.pause();
+        } else {
+          setPlayMusic(true);
+          audioService.getCurrentSound()?.play();
+        }
+        return;
+      }
      // 直接调用 handlePlayMusic，它会处理索引更新和播放逻辑
      const success = await handlePlayMusic(song);
      
      // 记录到本地存储，保持一致性
      localStorage.setItem('currentPlayMusic', JSON.stringify(playMusic.value));
      localStorage.setItem('currentPlayMusicUrl', playMusicUrl.value);
-      
+      if (success) {
+        isPlay.value = true;
+      }
      return success;
    } catch (error) {
      console.error('设置播放失败:', error);
@@ -775,10 +807,6 @@ export const usePlayerStore = defineStore('player', () => {
        return;
      }

-      // 在切换前保存当前播放状态
-      const shouldPlayNext = play.value;
-      console.log('切换到下一首，当前播放状态:', shouldPlayNext ? '播放' : '暂停');
-
      // 保存当前索引，用于错误恢复
      const currentIndex = playListIndex.value;
      let nowPlayListIndex: number;
@@ -810,7 +838,7 @@ export const usePlayerStore = defineStore('player', () => {

      // 尝试播放，最多尝试maxRetries次
      while (!success && retryCount < maxRetries) {
-        success = await handlePlayMusic(nextSong, shouldPlayNext);
+        success = await handlePlayMusic(nextSong, true);
        
        if (!success) {
          retryCount++;
@@ -984,6 +1012,7 @@ export const usePlayerStore = defineStore('player', () => {
    if (!isAlreadyInList) {
      favoriteList.value.push(id);
      localStorage.setItem('favoriteList', JSON.stringify(favoriteList.value));
+      typeof id === 'number' && useUserStore().user && likeSong(id, true);
    }
  };

@@ -993,6 +1022,7 @@ export const usePlayerStore = defineStore('player', () => {
      favoriteList.value = favoriteList.value.filter(existingId => !isBilibiliIdMatch(existingId, id));
    } else {
      favoriteList.value = favoriteList.value.filter(existingId => existingId !== id);
+      useUserStore().user && likeSong(Number(id), false);
    }
    localStorage.setItem('favoriteList', JSON.stringify(favoriteList.value));
  };
@@ -1248,6 +1278,24 @@ export const usePlayerStore = defineStore('player', () => {
    }
  };

+  // 设置播放列表抽屉显示状态
+  const setPlayListDrawerVisible = (value: boolean) => {
+    playListDrawerVisible.value = value;
+  };
+
+  // 播放
+  const handlePause = async () => {
+    try {
+      const currentSound = audioService.getCurrentSound();
+      if (currentSound) {
+        currentSound.pause();
+      }
+      setPlayMusic(false);
+    } catch (error) {
+      console.error('暂停播放失败:', error);
+    }
+  }
+
  return {
    play,
    isPlay,
@@ -1259,6 +1307,7 @@ export const usePlayerStore = defineStore('player', () => {
    musicFull,
    savedPlayProgress,
    favoriteList,
+    playListDrawerVisible,
    
    // 定时关闭相关
    sleepTimer,
@@ -1276,6 +1325,7 @@ export const usePlayerStore = defineStore('player', () => {
    currentPlayList,
    currentPlayListIndex,

+    clearPlayAll,
    setPlay,
    setIsPlay,
    nextPlay,
@@ -1291,6 +1341,8 @@ export const usePlayerStore = defineStore('player', () => {
    removeFromFavorite,
    removeFromPlayList,
    playAudio,
-    reparseCurrentSong
+    reparseCurrentSong,
+    setPlayListDrawerVisible,
+    handlePause
  };
 });
--- a/src/renderer/store/modules/user.ts
+++ b/src/renderer/store/modules/user.ts
@@ -36,6 +36,8 @@ export const useUserStore = defineStore('user', () => {
      user.value = null;
      localStorage.removeItem('user');
      localStorage.removeItem('token');
+      // 刷新
+      window.location.reload();
    } catch (error) {
      console.error('登出失败:', error);
    }
--- a/src/renderer/type/music.ts
+++ b/src/renderer/type/music.ts
@@ -42,6 +42,9 @@ export interface SongResult {
  expiredAt?: number;
  // 获取时间
  createdAt?: number;
+  // 时长
+  duration?: number;
+  dt?: number;
 }

 export interface Song {
--- a/src/renderer/utils/request.ts
+++ b/src/renderer/utils/request.ts
@@ -17,7 +17,7 @@ const baseURL = window.electron

 const request = axios.create({
  baseURL,
-  timeout: 5000,
+  timeout: 15000,
  withCredentials: true
 });

--- a/src/renderer/utils/update.ts
+++ b/src/renderer/utils/update.ts
@@ -129,20 +129,13 @@ export const getLatestReleaseInfo = async (): Promise<GithubReleaseInfo | null>
  try {
    const token = import.meta.env.VITE_GITHUB_TOKEN;
    const headers = {};
-
-    // 获取代理节点列表
-    const proxyHosts = await getProxyNodes();
-
    // 构建 API URL 列表
    const apiUrls = [
      // 原始地址
      'https://api.github.com/repos/algerkong/AlgerMusicPlayer/releases/latest',

      // 使用代理节点
-      ...proxyHosts.map(
-        (host) =>
-          `${host}/https://raw.githubusercontent.com/algerkong/AlgerMusicPlayer/dev_electron/package.json`
-      )
+      'https://music.alger.fun/package.json',
    ];

    if (token) {
--- a/src/renderer/views/bilibili/BilibiliPlayer.vue
+++ b/src/renderer/views/bilibili/BilibiliPlayer.vue
@@ -425,7 +425,7 @@ const playCurrentAudio = async () => {

    // 播放当前选中的分P
    console.log('播放当前选中的分P:', currentAudio.name, '音频URL:', currentAudio.playMusicUrl);
-    playerStore.setPlayMusic(currentAudio);
+    playerStore.setPlay(currentAudio);  

    // 播放后通知用户已开始播放
    message.success('已开始播放');
--- a/src/renderer/views/favorite/index.vue
+++ b/src/renderer/views/favorite/index.vue
--- a/src/renderer/views/music/MusicListPage.vue
+++ b/src/renderer/views/music/MusicListPage.vue
@@ -7,20 +7,75 @@
        </div>
      </n-ellipsis>

-      <!-- 搜索框 -->
-      <div class="flex-grow flex-1 flex items-center justify-end">
-        <div class="search-container">
-          <n-input
-            v-model:value="searchKeyword"
-            :placeholder="t('comp.musicList.searchSongs')"
-            clearable
-            round
-            size="small"
-          >
-            <template #prefix>
-              <i class="icon iconfont ri-search-line text-sm"></i>
+      <!-- 搜索框和布局切换 -->
+      <div class="flex-grow flex-1 flex items-center justify-end gap-2">
+        <!-- 操作按钮组 -->
+        <n-tooltip placement="bottom" trigger="hover">
+          <template #trigger>
+            <div class="action-button hover-green" @click="handlePlayAll">
+              <i class="icon iconfont ri-play-fill"></i>
+            </div>
+          </template>
+          {{ t('comp.musicList.playAll') }}
+        </n-tooltip>
+
+        <n-tooltip v-if="canCollect" placement="bottom" trigger="hover">
+          <template #trigger>
+            <div class="action-button" :class="isCollected ? 'collected' : 'hover-green'" @click="toggleCollect">
+              <i class="icon iconfont" :class="isCollected ? 'ri-heart-fill' : 'ri-heart-line'"></i>
+            </div>
+          </template>
+          {{ isCollected ? t('comp.musicList.cancelCollect') : t('comp.musicList.collect') }}
+        </n-tooltip>
+
+        <n-tooltip placement="bottom" trigger="hover">
+          <template #trigger>
+            <div class="action-button hover-green" @click="addToPlaylist">
+              <i class="icon iconfont ri-add-line"></i>
+            </div>
+          </template>
+          {{ t('comp.musicList.addToPlaylist') }}
+        </n-tooltip>
+        <!-- 布局切换按钮 -->
+        <div class="layout-toggle" v-if="!isMobile">
+          <n-tooltip placement="bottom" trigger="hover">
+            <template #trigger>
+              <div class="toggle-button hover-green" @click="toggleLayout">
+                <i class="icon iconfont" :class="isCompactLayout ? 'ri-list-check-2' : 'ri-grid-line'"></i>
+              </div>
            </template>
-          </n-input>
+            {{ isCompactLayout ? t('comp.musicList.switchToNormal') : t('comp.musicList.switchToCompact') }}
+          </n-tooltip>
+        </div>
+
+        <div class="search-container" :class="{ 'search-expanded': isSearchVisible }">
+          <template v-if="isSearchVisible">
+            <n-input
+              v-model:value="searchKeyword"
+              :placeholder="t('comp.musicList.searchSongs')"
+              clearable
+              round
+              size="small"
+              @blur="handleSearchBlur"
+            >
+              <template #prefix>
+                <i class="icon iconfont ri-search-line text-sm"></i>
+              </template>
+              <template #suffix>
+                <i class="icon iconfont ri-close-line text-sm cursor-pointer" @click="closeSearch"></i>
+              </template>
+            </n-input>
+          </template>
+          <template v-else>
+            <n-tooltip placement="bottom" trigger="hover">
+              <template #trigger>
+                <div class="search-button" @click="showSearch">
+                  <i class="icon iconfont ri-search-line"></i>
+                </div>
+              </template>
+              {{ t('comp.musicList.searchSongs') }}
+            </n-tooltip>
+          </template>
        </div>
      </div>
    </div>
@@ -65,14 +120,16 @@
                class="song-virtual-list"
                style="height: calc(80vh - 60px)"
                :items="filteredSongs"
-                :item-size="70"
+                :item-size="isCompactLayout ? 50 : 70"
                item-resizable
                key-field="id"
                @scroll="handleVirtualScroll"
              >
-                <template #default="{ item }">
+                <template #default="{ item, index }">
                  <div class="double-item">
-                    <song-item
+                    <song-item  
+                      :index="index"
+                      :compact="isCompactLayout"
                      :item="formatSong(item)"
                      :can-remove="canRemove"
                      @play="handlePlay"
@@ -97,10 +154,10 @@ defineOptions({
 });

 import PinyinMatch from 'pinyin-match';
-import { computed, onMounted, onUnmounted, ref, watch } from 'vue';
+import { computed, onMounted, onUnmounted, ref, watch, nextTick } from 'vue';
 import { useI18n } from 'vue-i18n';
 import { useRoute } from 'vue-router';
-import { updatePlaylistTracks } from '@/api/music';
+import { updatePlaylistTracks, subscribePlaylist } from '@/api/music';
 import { useMessage } from 'naive-ui';

 import { getMusicDetail, getMusicListByType } from '@/api/music';
@@ -108,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();
@@ -122,6 +179,8 @@ const loading = ref(false);
 const songList = ref<any[]>([]);
 const listInfo = ref<any>(null);
 const canRemove = ref(false);
+const canCollect = ref(false);
+const isCollected = ref(false);

 const page = ref(0);
 const pageSize = 40;
@@ -135,6 +194,35 @@ const hasMore = ref(true); // 标记是否还有更多数据可加载
 const searchKeyword = ref(''); // 搜索关键词
 const isFullPlaylistLoaded = ref(false); // 标记完整播放列表是否已加载完成

+// 添加搜索相关的状态和方法
+const isSearchVisible = ref(false);
+const isCompactLayout = ref(isMobile.value ? false : localStorage.getItem('musicListLayout') === 'compact'); // 默认使用紧凑布局
+
+const showSearch = () => {
+  isSearchVisible.value = true;
+  // 添加一个小延迟后聚焦搜索框
+  nextTick(() => {
+    const inputEl = document.querySelector('.search-container input');
+    if (inputEl) {
+      (inputEl as HTMLInputElement).focus();
+    }
+  });
+};
+
+const closeSearch = () => {
+  isSearchVisible.value = false;
+  searchKeyword.value = '';
+};
+
+const handleSearchBlur = () => {
+  // 如果搜索框为空，则在失焦时关闭搜索框
+  if (!searchKeyword.value) {
+    setTimeout(() => {
+      isSearchVisible.value = false;
+    }, 200);
+  }
+};
+
 // 计算总数
 const total = computed(() => {
  if (listInfo.value?.trackIds) {
@@ -146,6 +234,7 @@ const total = computed(() => {
 // 初始化数据
 onMounted(() => {
  initData();
+  checkCollectionStatus();
 });

 // 从 pinia 或路由参数获取数据
@@ -639,6 +728,105 @@ watch(searchKeyword, () => {
 onUnmounted(() => {
  isPlaylistLoading.value = false;
 });
+
+// 切换布局
+const toggleLayout = () => {
+  isCompactLayout.value = !isCompactLayout.value;
+  localStorage.setItem('musicListLayout', isCompactLayout.value ? 'compact' : 'normal');
+};
+
+// 初始化歌单收藏状态
+const checkCollectionStatus = () => {
+  // 只有歌单类型才能收藏
+  if (route.query.type === 'playlist' && listInfo.value?.id) {
+    canCollect.value = true;
+    // 检查是否已收藏
+    isCollected.value = listInfo.value.subscribed || false;
+  } else {
+    canCollect.value = false;
+  }
+};
+
+// 切换收藏状态
+const toggleCollect = async () => {
+  if (!listInfo.value?.id) return;
+  
+  try {
+    loadingList.value = true;
+    const tVal = isCollected.value ? 2 : 1; // 1:收藏, 2:取消收藏
+    const response = await subscribePlaylist({
+      t: tVal,
+      id: listInfo.value.id
+    });
+    
+    // 假设API返回格式是 { data: { code: number, msg?: string } }
+    const res = response.data;
+    
+    if (res.code === 200) {
+      isCollected.value = !isCollected.value;
+      const msgKey = isCollected.value 
+        ? 'comp.musicList.collectSuccess'
+        : 'comp.musicList.cancelCollectSuccess';
+      message.success(t(msgKey));
+      // 更新歌单信息
+      listInfo.value.subscribed = isCollected.value;
+    } else {
+      throw new Error(res.msg || t('comp.musicList.operationFailed'));
+    }
+  } catch (error) {
+    console.error('收藏歌单失败:', error);
+    message.error(t('comp.musicList.operationFailed'));
+  } finally {
+    loadingList.value = false;
+  }
+};
+
+// 播放全部
+const handlePlayAll = () => {
+  if (displayedSongs.value.length === 0) return;
+  
+  // 如果有搜索关键词，只播放过滤后的歌曲
+  if (searchKeyword.value) {
+    playerStore.setPlayList(filteredSongs.value.map(formatSong));
+    playerStore.setPlay(formatSong(filteredSongs.value[0]));
+    return;
+  }
+  
+  // 否则播放全部歌曲
+  // 使用setPlayList设置播放列表
+  playerStore.setPlayList(displayedSongs.value.map(formatSong));
+  // 使用setPlay开始播放第一首
+  playerStore.setPlay(formatSong(displayedSongs.value[0]));
+};
+
+// 添加到播放列表末尾
+const addToPlaylist = () => {
+  if (displayedSongs.value.length === 0) return;
+  
+  // 获取当前播放列表
+  const currentList = playerStore.playList;
+  
+  // 如果有搜索关键词，只添加过滤后的歌曲
+  const songsToAdd = searchKeyword.value 
+    ? filteredSongs.value 
+    : displayedSongs.value;
+  
+  // 添加歌曲到播放列表(避免重复添加)
+  const newSongs = songsToAdd.filter(song => 
+    !currentList.some(item => item.id === song.id)
+  );
+  
+  if (newSongs.length === 0) {
+    message.info(t('comp.musicList.songsAlreadyInPlaylist'));
+    return;
+  }
+  
+  // 合并到当前播放列表末尾
+  const newList = [...currentList, ...newSongs.map(formatSong)];
+  playerStore.setPlayList(newList);
+  
+  message.success(t('comp.musicList.addToPlaylistSuccess', { count: newSongs.length }));
+};
 </script>

 <style scoped lang="scss">
@@ -701,15 +889,24 @@ onUnmounted(() => {
 }

 .search-container {
-  @apply max-w-md;
+  @apply max-w-md transition-all duration-300 ease-in-out;
+
+  &.search-expanded {
+    @apply w-52;
+  }
+
+  .search-button {
+    @apply w-8 h-8 rounded-full flex items-center justify-center cursor-pointer hover:bg-light-300 dark:hover:bg-dark-300 transition-colors text-gray-500 dark:text-gray-400 hover:text-green-500;
+    
+    .icon {
+      @apply text-lg;
+    }
+  }

  :deep(.n-input) {
    @apply bg-light-200 dark:bg-dark-200;
  }

-  .icon {
-    @apply text-gray-500 dark:text-gray-400;
-  }
 }

 .no-result {
@@ -771,4 +968,35 @@ onUnmounted(() => {
    @apply hidden;
  }
 }
+
+.layout-toggle {
+  .toggle-button {
+    @apply w-8 h-8 rounded-full flex items-center justify-center cursor-pointer hover:bg-light-300 dark:hover:bg-dark-300 transition-colors;
+    
+    .icon {
+      @apply text-lg text-gray-500 dark:text-gray-400 transition-colors;
+    }
+  }
+}
+
+.layout-toggle .toggle-button,
+.action-button {
+  @apply w-8 h-8 rounded-full flex items-center justify-center cursor-pointer hover:bg-light-300 dark:hover:bg-dark-300 transition-colors text-gray-500 dark:text-gray-400;
+  
+  .icon {
+    @apply text-lg;
+  }
+
+  &.collected {
+    .icon {
+      @apply text-red-500;
+    }
+  }
+  
+  &.hover-green:hover {
+    .icon {
+      @apply text-green-500;
+    }
+  }
+}
 </style> 
--- a/src/renderer/views/set/index.vue
+++ b/src/renderer/views/set/index.vue
@@ -40,7 +40,7 @@
              <language-switcher />
            </div>

-            <div class="set-item">
+            <div class="set-item" v-if="isElectron">
              <div>
                <div class="set-item-title">{{ t('settings.basic.font') }}</div>
                <div class="set-item-content">{{ t('settings.basic.fontDesc') }}</div>
@@ -103,9 +103,9 @@
                </div>
              </div>
              <div class="flex items-center gap-2">
-                <span class="text-sm text-gray-400">{{ setData.animationSpeed }}x</span>
-                <div class="w-60">
-                  <n-slider
+                <span class="text-sm text-gray-400" v-if="!isMobile">{{ setData.animationSpeed }}x</span>
+                <div>
+                  <template v-if="!isMobile"><n-slider
                    v-model:value="setData.animationSpeed"
                    :min="0.1"
                    :max="3"
@@ -117,7 +117,19 @@
                    }"
                    :disabled="setData.noAnimate"
                    class="w-40"
-                  />
+                  /></template>
+                  <template v-else>
+                    <n-input-number
+                      v-model:value="setData.animationSpeed"
+                      :min="0.1"
+                      :max="3"
+                      :step="0.1"
+                      :placeholder="t('settings.basic.animationSpeedPlaceholder')"
+                      :disabled="setData.noAnimate"
+                      button-placement="both"
+                      style="width: 100px"
+                    />
+                  </template>
                </div>
              </div>
            </div>
@@ -128,28 +140,42 @@
        <div id="playback" ref="playbackRef" class="settings-section">
          <div class="settings-section-title">{{ t('settings.sections.playback') }}</div>
          <div class="settings-section-content">
-            <div class="set-item">
-              <div>
-                <div class="set-item-title">{{ t('settings.playback.quality') }}</div>
-                <div class="set-item-content">{{ t('settings.playback.qualityDesc') }}</div>
+            <div>
+              <div class="set-item">
+                <div>
+                  <div class="set-item-title">{{ t('settings.playback.quality') }}</div>
+                  <div class="set-item-content">
+                    {{ t('settings.playback.qualityDesc') }}
+                  </div>
+                </div>
+                <n-select
+                  v-model:value="setData.musicQuality"
+                  :options="[
+                    { label: t('settings.playback.qualityOptions.standard'), value: 'standard' },
+                    { label: t('settings.playback.qualityOptions.higher'), value: 'higher' },
+                    { label: t('settings.playback.qualityOptions.exhigh'), value: 'exhigh' },
+                    { label: t('settings.playback.qualityOptions.lossless'), value: 'lossless' },
+                    { label: t('settings.playback.qualityOptions.hires'), value: 'hires' },
+                    { label: t('settings.playback.qualityOptions.jyeffect'), value: 'jyeffect' },
+                    { label: t('settings.playback.qualityOptions.sky'), value: 'sky' },
+                    { label: t('settings.playback.qualityOptions.dolby'), value: 'dolby' },
+                    { label: t('settings.playback.qualityOptions.jymaster'), value: 'jymaster' }
+                  ]"
+                  style="width: 160px"
+                />
+              </div>
+              <!-- 网易云 QQ 音乐 酷我 酷狗 会员购买链接 -->
+            <div class="p-2 bg-light-100 dark:bg-dark-100 rounded-lg mt-2">
+              <div>大家还是需要支持正版，本软件只做开源探讨</div>
+                <div class="mt-2">各大音乐会员购买链接</div>
+                <div class="flex gap-5 flex-wrap">
+                  <a class="text-green-400 hover:text-green-500" href="https://music.163.com/store/vip" target="_blank">网易云音乐会员</a>
+                  <a class="text-green-400 hover:text-green-500" href="https://y.qq.com/portal/vipportal/" target="_blank">QQ音乐会员</a>
+                  <a class="text-green-400 hover:text-green-500" href="https://vip.kugou.com/" target="_blank">酷狗音乐会员</a>
+                  <a class="text-green-400 hover:text-green-500" href="https://vip1.kuwo.cn/" target="_blank">酷我音乐会员</a>
+                </div>
              </div>
-              <n-select
-                v-model:value="setData.musicQuality"
-                :options="[
-                  { label: t('settings.playback.qualityOptions.standard'), value: 'standard' },
-                  { label: t('settings.playback.qualityOptions.higher'), value: 'higher' },
-                  { label: t('settings.playback.qualityOptions.exhigh'), value: 'exhigh' },
-                  { label: t('settings.playback.qualityOptions.lossless'), value: 'lossless' },
-                  { label: t('settings.playback.qualityOptions.hires'), value: 'hires' },
-                  { label: t('settings.playback.qualityOptions.jyeffect'), value: 'jyeffect' },
-                  { label: t('settings.playback.qualityOptions.sky'), value: 'sky' },
-                  { label: t('settings.playback.qualityOptions.dolby'), value: 'dolby' },
-                  { label: t('settings.playback.qualityOptions.jymaster'), value: 'jymaster' }
-                ]"
-                style="width: 160px"
-              />
            </div>
-
            <div class="set-item" v-if="isElectron">
              <div>
                <div class="set-item-title">{{ t('settings.playback.musicSources') }}</div>
@@ -183,6 +209,17 @@
              </n-button>
            </div>

+            <div class="set-item" v-if="platform === 'darwin'">
+              <div>
+                <div class="set-item-title">{{ t('settings.playback.showStatusBar') }}</div>
+                <div class="set-item-content">{{ t('settings.playback.showStatusBarContent') }}</div>
+              </div>
+              <n-switch v-model:value="setData.showTopAction">
+                <template #checked>{{ t('common.on') }}</template>
+                <template #unchecked>{{ t('common.off') }}</template>
+              </n-switch>
+            </div>
+
            <div class="set-item">
              <div>
                <div class="set-item-title">{{ t('settings.playback.autoPlay') }}</div>
@@ -407,7 +444,7 @@

        <!-- 捐赠支持 -->
        <div id="donation" ref="donationRef" class="settings-section">
-          <div class="settings-section-title">{{ t('settings.sections.donation') }}</div>
+          <div class="settings-section-title">{{ t('settings.sectio ns.donation') }}</div>
          <div class="settings-section-content">
            <div class="set-item">
              <div>
@@ -488,6 +525,8 @@ import config from '../../../../package.json';
 // 所有平台默认值
 const ALL_PLATFORMS: Platform[] = ['migu', 'kugou', 'pyncmd', 'bilibili', 'kuwo'];

+const platform = window.electron ? window.electron.ipcRenderer.sendSync('get-platform') : 'web';
+
 const settingsStore = useSettingsStore();
 const userStore = useUserStore();

--- a/src/renderer/views/toplist/index.vue
+++ b/src/renderer/views/toplist/index.vue
@@ -0,0 +1,178 @@
+<template>
+  <div class="toplist-page">
+    <n-scrollbar class="toplist-container" style="height: 100%" :size="100">
+      <div v-loading="loading" class="toplist-list">
+        <div
+          v-for="(item, index) in topList"
+          :key="item.id"
+          class="toplist-item"
+          :class="setAnimationClass('animate__bounceIn')"
+          :style="getItemAnimationDelay(index)"
+          @click.stop="openToplist(item)"
+        >
+          <div class="toplist-item-img">
+            <n-image
+              class="toplist-item-img-img"
+              :src="getImgUrl(item.coverImgUrl, '300y300')"
+              width="200"
+              height="200"
+              lazy
+              preview-disabled
+            />
+            <div class="top">
+              <div class="play-count">{{ formatNumber(item.playCount) }}</div>
+              <i class="iconfont icon-videofill"></i>
+            </div>
+          </div>
+          <div class="toplist-item-title">{{ item.name }}</div>
+          <div class="toplist-item-desc">{{ item.updateFrequency || '' }}</div>
+        </div>
+      </div>
+      <!-- 加载状态 -->
+      <div v-if="loading" class="loading-more">
+        <n-spin size="small" />
+        <span class="ml-2">加载中...</span>
+      </div>
+    </n-scrollbar>
+  </div>
+</template>
+
+<script lang="ts" setup>
+import { useRouter } from 'vue-router';
+
+import { getToplist, getListDetail } from '@/api/list';
+import { navigateToMusicList } from '@/components/common/MusicListNavigator';
+import type { IListDetail } from '@/type/listDetail';
+import { formatNumber, getImgUrl, setAnimationClass, setAnimationDelay } from '@/utils';
+
+defineOptions({
+  name: 'Toplist'
+});
+
+const topList = ref<any[]>([]);
+
+// 计算每个项目的动画延迟
+const getItemAnimationDelay = (index: number) => {
+  return setAnimationDelay(index, 30);
+};
+
+const listDetail = ref<IListDetail | null>();
+const listLoading = ref(true);
+
+const router = useRouter();
+
+const openToplist = (item: any) => {
+  listLoading.value = true;
+  
+  getListDetail(item.id).then(res => {
+    listDetail.value = res.data;
+    listLoading.value = false;
+    
+    navigateToMusicList(router, {
+      id: item.id,
+      type: 'playlist',
+      name: item.name,
+      songList: res.data.playlist.tracks || [],
+      listInfo: res.data.playlist,
+      canRemove: false
+    });
+  });
+};
+
+const loading = ref(false);
+const loadToplist = async () => {
+  loading.value = true;
+  try {
+    const { data } = await getToplist();
+    topList.value = data.list || [];
+  } catch (error) {
+    console.error('加载排行榜列表失败:', error);
+  } finally {
+    loading.value = false;
+  }
+};
+
+onMounted(() => {
+  loadToplist();
+});
+</script>
+
+<style lang="scss" scoped>
+.toplist-page {
+  @apply relative h-full w-full;
+  @apply bg-light dark:bg-black;
+}
+
+.toplist-container {
+  @apply p-4;
+}
+
+.toplist-list {
+  @apply grid gap-x-8 gap-y-6 pb-28 pr-4;
+  grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+}
+
+.toplist-item {
+  @apply flex flex-col;
+
+  &-img {
+    @apply rounded-xl overflow-hidden relative w-full aspect-square;
+
+    &-img {
+      @apply block w-full h-full;
+    }
+
+    img {
+      @apply absolute top-0 left-0 w-full h-full object-cover rounded-xl;
+    }
+
+    &:hover img {
+      @apply hover:scale-110 transition-all duration-300 ease-in-out;
+    }
+
+    .top {
+      @apply absolute w-full h-full top-0 left-0 flex justify-center items-center transition-all duration-300 ease-in-out cursor-pointer;
+      @apply bg-black bg-opacity-50;
+      opacity: 0;
+
+      i {
+        @apply text-5xl text-white transition-all duration-500 ease-in-out opacity-0;
+      }
+
+      &:hover {
+        @apply opacity-100;
+      }
+
+      &:hover i {
+        @apply transform scale-150 opacity-100;
+      }
+
+      .play-count {
+        @apply absolute top-2 left-2 text-sm text-white;
+      }
+    }
+  }
+
+  &-title {
+    @apply mt-2 text-sm line-clamp-1 font-bold;
+    @apply text-gray-900 dark:text-white;
+  }
+
+  &-desc {
+    @apply mt-1 text-xs line-clamp-1;
+    @apply text-gray-500 dark:text-gray-400;
+  }
+}
+
+.loading-more {
+  @apply flex justify-center items-center py-4;
+  @apply text-gray-500 dark:text-gray-400;
+}
+
+.mobile {
+  .toplist-list {
+    @apply px-4 gap-4;
+    grid-template-columns: repeat(auto-fill, minmax(150px, 1fr));
+  }
+}
+</style>
Author	SHA1	Message	Date
alger	a21521cc6f	docs: 更新预览地址	2025-05-18 13:09:49 +08:00
alger	01a3a7a501	✨ feat: 添加音乐平台链接，优化移动端样式	2025-05-18 12:45:19 +08:00
alger	e47c84e5eb	✨ feat:优化B站音频解析功能	2025-05-18 12:44:23 +08:00
alger	54cbb84e6e	style(player): 统一音源选项的标签格式	2025-05-18 12:43:27 +08:00
alger	f68f49973a	perf(请求): 增加请求超时时间至15000毫秒	2025-05-18 12:43:09 +08:00
alger	e9fe9000f6	🐞 fix(player): 修复播放状态判断逻辑修复在播放相同ID但不同URL的音乐时，播放状态判断逻辑错误的问题。现在只有当音乐ID和URL都相同时才会切换播放/暂停状态。	2025-05-18 12:42:15 +08:00
alger	6d4e6ef214	✨ feat: 移除不必要的Content-Security-Policy	2025-05-18 10:57:19 +08:00
alger	2379b2c9cc	✨ feat: 点击下一首自动播放，优化 https问题	2025-05-17 20:10:07 +08:00
Alger	8c6b69e762	Merge pull request #234 from algerkong/feat/control-status-bar ✨ feat: 添加mac状态栏播放按键控制功能开关	2025-05-17 14:47:14 +08:00
alger	ae1a7c963f	🌈 style: 移除未使用的SleepTimerPopover组件	2025-05-17 14:46:35 +08:00
alger	2476fbd6e3	✨ feat: 添加mac状态栏播放按键控制功能开关	2025-05-17 14:45:39 +08:00
alger	f7951ec22f	✨ feat: 移动端去除定时关闭	2025-05-17 14:11:10 +08:00
alger	33a1057de9	✨ feat: 修改移动端展示菜单	2025-05-17 13:53:52 +08:00
alger	2e96161bd0	✨ feat: 修改播放列表展示形式，优化播放逻辑，添加清空播放列表功能	2025-05-17 13:27:50 +08:00
alger	56b3ecfd25	🔧 chore: 优化网页端下载程序功能	2025-05-15 22:06:12 +08:00
alger	54d66d05f4	🔧 chore: 更新 MusicListPage 组件，添加移动端布局判断，优化紧凑布局逻辑	2025-05-15 21:33:44 +08:00
alger	b32408b44e	✨ feat: 歌单列表相添加布局切换、播放全部、收藏、添加到播放列表	2025-05-15 21:20:01 +08:00
alger	3c792ce3cc	🔧 chore: 调整 PlaylistDrawer 组件的样式，增加内边距	2025-05-15 21:17:14 +08:00
alger	5084da333f	✨ feat: 在应用菜单中添加工具提示功能	2025-05-15 21:16:48 +08:00
alger	a8010c8ca7	✨ feat: 添加排行榜页面	2025-05-15 21:16:33 +08:00
algerkong	e1ddffc8ae	✨ feat: 更新 README	2025-05-15 15:11:46 +08:00
alger	69b1e541c6	✨ feat: 在收藏列表中添加歌曲点赞功能	2025-05-15 00:08:27 +08:00
alger	35b84f3e6a	🔧 chore: 更新收藏列表中活动项的背景颜色和文本颜色	2025-05-14 21:46:15 +08:00
alger	28b9fd5475	✨ feat: 更新 README 和国际化文件，添加QQ 频道信息	2025-05-14 21:41:38 +08:00
Alger	dc70fde9e4	Merge pull request #227 from algerkong/fix/mini-bar-volume 🔧 chore: mini播放栏不再显示音量调节	2025-05-14 21:26:57 +08:00
alger	278db37a88	🔧 chore: mini播放栏不再显示音量调节	2025-05-14 21:26:23 +08:00
alger	2803d40dd1	✨ feat: 收藏列表添加升序降序排列	2025-05-14 21:18:42 +08:00
alger	54f82d384e	✨ feat: 退出登录刷新页面	2025-05-14 21:18:11 +08:00
alger	7d1ffa603c	🔧 chore: 更新获取最新发布信息的 API URL	2025-05-13 22:38:03 +08:00