fix: bugs

package.json

@@ -1,6 +1,6 @@
 {
   "name": "YesPlayMusic",
-  "version": "0.2.5",
+  "version": "0.3.0",
   "private": true,
   "description": "A third party music application for Netease Music",
   "author": "hawtim<hawtimzhang@gmail.com>",

src/components/MvRow.vue

@@ -50,11 +50,8 @@ export default {
       this.$router.push({ path: "/mv/" + id, query });
     },
     getUrl(mv) {
-      if (mv.cover !== undefined) return mv.cover.replace(/^http:/, "https:");
-      if (mv.imgurl16v9 !== undefined)
-        return mv.imgurl16v9.replace(/^http:/, "https:");
-      if (mv.coverUrl !== undefined)
-        return mv.coverUrl.replace(/^http:/, "https:");
+      let url = mv.imgurl16v9 ?? mv.cover ?? mv.coverUrl;
+      return url.replace(/^http:/, "https:") + "?param=464x260";
     },
     getID(mv) {
       if (mv.id !== undefined) return mv.id;
@@ -102,6 +99,7 @@ export default {
     -webkit-box-orient: vertical;
     -webkit-line-clamp: 2;
     overflow: hidden;
+    word-break: break-all;
   }
   .artist {
     font-size: 12px;

src/utils/Player.js

@@ -104,6 +104,7 @@ export default class {
     this._loadSelfFromLocalStorage();
     this._replaceCurrentTrack(this._currentTrack.id, false); // update audio source and init howler
     this._initMediaSession();
+    Howler.volume(this.volume);
   }
   _getNextTrack() {
     // 返回 [trackID, index]

src/views/home.vue

@@ -117,7 +117,7 @@ export default {
       });
       toplistOfArtists(2).then((data) => {
         let indexs = [];
-        while (indexs.length < 5) {
+        while (indexs.length < 6) {
           let tmp = ~~(Math.random() * 100);
           if (!indexs.includes(tmp)) indexs.push(tmp);
         }

src/views/lyrics.vue

@@ -15,7 +15,7 @@
           <div class="controls">
             <div class="top-part">
               <div class="track-info">
-                <div class="title"
+                <div class="title" :title="currentTrack.name"
                   ><router-link
                     :to="`/${player.playlistSource.type}/${player.playlistSource.id}`"
                     @click.native="toggleLyrics"
@@ -32,6 +32,7 @@
                   <router-link
                     :to="`/album/${currentTrack.al.id}`"
                     @click.native="toggleLyrics"
+                    :title="currentTrack.al.name"
                     >{{ currentTrack.al.name }}</router-link
                   ></div
                 >
@@ -309,8 +310,10 @@ export default {
   display: flex;
   justify-content: flex-end;
   margin-right: 24px;
+  margin-top: 24px;
   align-items: center;
   .controls {
+    max-width: 54vh;
     margin-top: 24px;
     color: var(--color-text);
     .title {
@@ -318,11 +321,19 @@ export default {
       font-size: 1.4rem;
       font-weight: 600;
       opacity: 0.88;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      overflow: hidden;
     }
     .subtitle {
       margin-top: 4px;
       font-size: 1rem;
       opacity: 0.58;
+      display: -webkit-box;
+      -webkit-box-orient: vertical;
+      -webkit-line-clamp: 1;
+      overflow: hidden;
     }
 
     .top-part {
@@ -456,7 +467,7 @@ export default {
   top: 24px;
   right: 24px;
   z-index: 300;
-  border-radius: 50%;
+  border-radius: 0.75rem;
   height: 44px;
   width: 44px;
   display: flex;
@@ -464,6 +475,7 @@ export default {
   align-items: center;
   opacity: 0.28;
   transition: 0.2s;
+  -webkit-app-region: no-drag;
   .svg-icon {
     color: var(--color-text);
     padding-top: 5px;