fix some ui,and kugou api

src/locale/lang/zh-CN.js

@@ -1,4 +1,9 @@
 export default {
+  server: {
+    netease: '网易云音乐',
+    tencent: 'QQ音乐',
+    kugou: '酷狗音乐',
+  },
   common: {
     play: '播放',
     songs: '首歌',

src/views/album.vue

@@ -60,6 +60,7 @@
           >
           </ButtonTwoTone>
           <ButtonTwoTone
+            v-if="!$route.query.server"
             icon-class="more"
             :icon-button="true"
             :horizontal-padding="0"
@@ -148,6 +149,7 @@ import { mapMutations, mapActions, mapState } from 'vuex';
 import { getArtistAlbum } from '@/api/artist';
 import { getTrackDetail } from '@/api/track';
 import { getAlbum, albumDynamicDetail, likeAAlbum } from '@/api/album';
+import { getPlaylistDetail } from '@/api/playlist';
 import locale from '@/locale';
 import { splitSoundtrackAlbumTitle, splitAlbumTitle } from '@/utils/common';
 import NProgress from 'nprogress';
@@ -236,8 +238,28 @@ export default {
     ...mapMutations(['appendTrackToPlayerList']),
     ...mapActions(['playFirstTrackOnList', 'playTrackOnListByID', 'showToast']),
     playAlbumByID(id, trackID = 'first') {
+      if (this.$route.query.server) {
+        this.playThisListByTrack(id);
+        return;
+      }
       this.$store.state.player.playAlbumByID(id, trackID);
     },
+    playThisListByTrack(id) {
+      // this.showToast('正在进行其他平台播放');
+      getPlaylistDetail(id, true, this.$route.query.server).then(data => {
+        console.log(data);
+        let playlist = data.playlist;
+        let tracks = playlist.tracks.filter(_track => {
+          return _track.playable == 1;
+        });
+        this.$store.state.player.replacePlaylist(
+          tracks,
+          tracks[0],
+          'artist',
+          tracks[0]
+        );
+      });
+    },
     likeAlbum(toast = false) {
       if (!isAccountLoggedIn()) {
         this.showToast(locale.t('toast.needToLogin'));

src/views/coSearch.vue

@@ -4,9 +4,16 @@
       <span
         ><div class="dropdown">
           <font class="dropbtn"
-            >QQ音乐 <svg-icon icon-class="arrow-down"
+            >{{ serverNameTable[server] }} <svg-icon icon-class="arrow-down"
           /></font>
-          <div class="dropdown-content"> </div>
+          <div class="dropdown-content">
+            <button
+              v-for="(val, key, i) in serverNameTable"
+              :key="{ val: val, i: i }"
+              @click="tranSearchType(undefined, key)"
+              >{{ serverNameTable[key] }}</button
+            >
+          </div>
         </div>
         搜索
         <div class="dropdown">
@@ -17,7 +24,7 @@
             <button
               v-for="(val, key, i) in typeNameTable"
               :key="{ val: val, i: i }"
-              @click="tranSearchType(key)"
+              @click="tranSearchType(key, undefined)"
               >{{ typeNameTable[key] }}</button
             >
           </div>
@@ -81,6 +88,9 @@ export default {
     type() {
       return camelCase(this.$route.query.type || 'tracks');
     },
+    server() {
+      return camelCase(this.$route.query.server || 'tencent');
+    },
     typeNameTable() {
       return {
         musicVideos: locale.t('search.mv'),
@@ -90,6 +100,13 @@ export default {
         playlists: locale.t('search.playlist'),
       };
     },
+    serverNameTable() {
+      return {
+        netease: locale.t('server.netease'),
+        tencent: locale.t('server.tencent'),
+        kugou: locale.t('server.kugou'),
+      };
+    },
   },
   watch: {
     $route: {
@@ -112,8 +129,13 @@ export default {
         this.player.replacePlaylist(tracks, tracks[0], 'artist', tracks[0]);
       });
     },
-    tranSearchType(type) {
-      this.$router.replace({ query: { ...this.$route.query, type } });
+    tranSearchType(type, server) {
+      if (type) {
+        this.$router.replace({ query: { ...this.$route.query, type } });
+      }
+      if (server) {
+        this.$router.replace({ query: { ...this.$route.query, server } });
+      }
     },
     playTrack(id) {
       this.player._replaceCurrentTrackByTrack(id, true);
@@ -231,11 +253,12 @@ export default {
   }
 }
 .dropdown-content {
+  pointer-events: none;
   font-size: 1em;
   opacity: 0;
   transition: 0.5s;
   position: absolute;
-  background-color: #ffffff;
+  background-color: var(--color-body-bg);
   width: 100%;
   padding: 8px;
   right: 0;
@@ -262,7 +285,11 @@ export default {
 }
 .dropdown:hover,
 .dropdown:focus {
+  .dropdown-content:hover {
+    pointer-events: auto;
+  }
   .dropdown-content {
+    pointer-events: auto;
     opacity: 1;
     transition: 0.5s;
   }
@@ -281,7 +308,7 @@ button {
     color: var(--color-primary);
   }
   &:hover {
-    transform: scale(1.12);
+    transform: scale(1.08);
   }
   &:active {
     transform: scale(0.96);

src/views/playlist.vue

@@ -68,6 +68,7 @@
           >
           </ButtonTwoTone>
           <ButtonTwoTone
+            v-if="!$route.query.server"
             icon-class="more"
             :icon-button="true"
             :horizontal-padding="0"
@@ -420,6 +421,10 @@ export default {
     ...mapMutations(['appendTrackToPlayerList']),
     ...mapActions(['playFirstTrackOnList', 'playTrackOnListByID', 'showToast']),
     playPlaylistByID(trackID = 'first') {
+      if (this.$route.query.server) {
+        this.playThisListByTrack(this.playlist.id);
+        return;
+      }
       let trackIDs = this.playlist.trackIds.map(t => t.id);
       this.$store.state.player.replacePlaylist(
         trackIDs,
@@ -428,6 +433,22 @@ export default {
         trackID
       );
     },
+    playThisListByTrack(id) {
+      this.showToast('正在进行其他平台播放');
+      getPlaylistDetail(id, true, this.$route.query.server).then(data => {
+        console.log(data);
+        let playlist = data.playlist;
+        let tracks = playlist.tracks.filter(_track => {
+          return _track.playable == 1;
+        });
+        this.$store.state.player.replacePlaylist(
+          tracks,
+          tracks[0],
+          'artist',
+          tracks[0]
+        );
+      });
+    },
     likePlaylist(toast = false) {
       if (!isAccountLoggedIn()) {
         this.showToast(locale.t('toast.needToLogin'));