新增网易云、酷狗排行榜音乐直接试听下载

src/renderer/components/material/Btn.vue

@@ -1,5 +1,5 @@
 <template lang="pug">
-  button(:class="[$style.btn, min ? $style.min : '']" @click="$emit('click', $event)")
+  button(:class="[$style.btn, min ? $style.min : '']" :disabled="disabled" @click="$emit('click', $event)")
     slot
 </template>
 
@@ -9,6 +9,10 @@ export default {
     min: {
       type: Boolean,
     },
+    disabled: {
+      type: Boolean,
+      default: false,
+    },
   },
 }
 </script>
@@ -27,6 +31,9 @@ export default {
   outline: none;
   transition: background-color 0.2s ease;
   background-color: @color-btn-background;
+  &[disabled] {
+    opacity: .4;
+  }
 
   &:hover {
     background-color: @color-theme_2-hover;

src/renderer/components/material/DownloadModal.vue

@@ -5,7 +5,7 @@ material-modal(:show="show" :bg-close="bgClose" @close="handleClose")
       | {{ info.name }}
       br
       | {{ info.singer }}
-    material-btn(:class="$style.btn" :key="type.type" @click="handleClick(type.type)" v-for="type in info.types") {{getTypeName(type.type)}} {{ type.type.toUpperCase() }}{{ type.size && ` - ${type.size.toUpperCase()}` }}
+    material-btn(:class="$style.btn" :title="!checkSource(type.type) && '目前酷狗、网易云音源仅支持下载128k音质'" :disabled="!checkSource(type.type)" :key="type.type" @click="handleClick(type.type)" v-for="type in info.types") {{getTypeName(type.type)}} {{ type.type.toUpperCase() }}{{ type.size && ` - ${type.size.toUpperCase()}` }}
 
 </template>
 
@@ -49,6 +49,16 @@ export default {
           return '普通音质'
       }
     },
+    checkSource(type) {
+      switch (this.musicInfo.source) {
+        case 'wy':
+        case 'kg':
+          return type == '128k'
+
+        default:
+          return true
+      }
+    },
   },
 }
 </script>

src/renderer/components/material/DownloadMultipleModal.vue

@@ -37,18 +37,6 @@ export default {
     handleClose() {
       this.$emit('close')
     },
-    getTypeName(type) {
-      switch (type) {
-        case 'flac':
-        case 'ape':
-          return '无损音质'
-        case '320k':
-          return '高品音质'
-        case '192k':
-        case '128k':
-          return '普通音质'
-      }
-    },
   },
 }
 </script>