feat(search): 优化音乐源选择功能

src/components/search/SearchBox.vue

@@ -27,12 +27,28 @@
       </div>
       
       <button 
+        v-if="isMobile"
         class="source-btn"
         @click="showSourceSelector = true"
       >
         {{ currentSourceName }}
         <i class="fas fa-chevron-down"></i>
       </button>
+      
+      <select 
+        v-else
+        :value="searchStore.currentSource"
+        @change="handleSourceChange"
+        class="pc-source-select"
+      >
+        <option 
+          v-for="source in sortedSources"
+          :key="source.code"
+          :value="source.code"
+        >
+          {{ source.name }}
+        </option>
+      </select>
     </div>
     
     <!-- 音乐源选择弹窗 -->
@@ -66,6 +82,14 @@ const currentSourceName = computed(() => {
   return source ? source.name : '网易云音乐'
 })
 
+const sortedSources = computed(() => 
+  MUSIC_SOURCES.sort((a, b) => a.priority - b.priority)
+)
+
+const isMobile = computed(() => {
+  return window.innerWidth <= 768
+})
+
 // 方法
 const handleSearch = () => {
   const keyword = searchKeyword.value.trim()
@@ -92,6 +116,10 @@ const handleSourceSelect = (sourceCode) => {
   showSourceSelector.value = false
 }
 
+const handleSourceChange = (event) => {
+  searchStore.setSource(event.target.value)
+}
+
 // 监听搜索关键词变化
 watch(() => searchStore.keyword, (newKeyword) => {
   if (newKeyword && newKeyword !== searchKeyword.value) {
@@ -212,12 +240,46 @@ defineExpose({
   white-space: nowrap;
   transition: var(--transition-fast);
   box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
-  flex-shrink: 0; /* 添加：防止按钮收缩 */
-  max-width: 120px; /* 添加：限制最大宽度 */
+  flex-shrink: 0;
+  max-width: 120px;
   overflow: hidden;
   text-overflow: ellipsis;
 }
 
+.pc-source-select {
+  height: 44px;
+  padding: 0 16px;
+  background: var(--bg-card);
+  border: 1px solid var(--border-light);
+  border-radius: 22px;
+  color: var(--text-primary);
+  font-size: 14px;
+  cursor: pointer;
+  outline: none;
+  transition: var(--transition-fast);
+  box-shadow: 0 2px 8px rgba(0, 0, 0, 0.05);
+  flex-shrink: 0;
+  min-width: 120px;
+  appearance: none;
+  background-image: url("data:image/svg+xml;charset=UTF-8,%3csvg xmlns='http://www.w3.org/2000/svg' viewBox='0 0 24 24' fill='none' stroke='currentColor' stroke-width='2' stroke-linecap='round' stroke-linejoin='round'%3e%3cpolyline points='6,9 12,15 18,9'%3e%3c/polyline%3e%3c/svg%3e");
+  background-repeat: no-repeat;
+  background-position: right 12px center;
+  background-size: 16px;
+  padding-right: 40px;
+}
+
+.pc-source-select:hover {
+  border-color: var(--accent-red);
+  color: var(--accent-red);
+  box-shadow: 0 4px 12px rgba(0, 0, 0, 0.1);
+  transform: translateY(-1px);
+}
+
+.pc-source-select:focus {
+  border-color: var(--accent-red);
+  box-shadow: 0 0 0 3px rgba(255, 107, 107, 0.1);
+}
+
 .source-btn:hover {
   border-color: var(--accent-red);
   color: var(--accent-red);

src/main.js

@@ -38,35 +38,6 @@ if ('mediaSession' in navigator) {
   console.log('MediaSession API 不支持')
 }
 
-// PWA 安装提示
-let deferredPrompt
-window.addEventListener('beforeinstallprompt', (e) => {
-  console.log('PWA 可以安装')
-  e.preventDefault()
-  deferredPrompt = e
-  
-  // 可以在这里显示安装提示
-  showInstallPrompt()
-})
-
-function showInstallPrompt() {
-  // 显示安装应用的提示
-  if (deferredPrompt) {
-    const shouldInstall = confirm('是否将云音乐添加到主屏幕？')
-    if (shouldInstall) {
-      deferredPrompt.prompt()
-      deferredPrompt.userChoice.then((choiceResult) => {
-        if (choiceResult.outcome === 'accepted') {
-          console.log('用户接受了安装')
-        } else {
-          console.log('用户拒绝了安装')
-        }
-        deferredPrompt = null
-      })
-    }
-  }
-}
-
 // 全局错误处理
 app.config.errorHandler = (err, instance, info) => {
   console.error('Global error:', err)