fix: commitMP3 and countrycode to countryCode

src/components/TrackListItem.vue

@@ -15,7 +15,10 @@
     />
     <div class="no" v-if="isAlbum">
       <button v-show="focus && track.playable && !isPlaying" @click="playTrack">
-        <svg-icon icon-class="play" style="height:14px;width:14px"></svg-icon>
+        <svg-icon
+          icon-class="play"
+          style="height: 14px; width: 14px"
+        ></svg-icon>
       </button>
       <span v-show="(!focus || !track.playable) && !isPlaying">{{
         track.no

src/store/actions.js

@@ -1,6 +1,7 @@
 import { updateMediaSessionMetaData } from "@/utils/mediaSession";
 import { getTrackDetail, scrobble, getMP3 } from "@/api/track";
 import { isLoggedIn } from "@/utils/auth";
+import { updateHttps } from "@/utils/common"
 
 export default {
   switchTrack({ state, dispatch, commit }, basicTrack) {
@@ -43,7 +44,11 @@ export default {
 
       if (isLoggedIn) {
         getMP3(track.id).then((data) => {
-          commitMP3(data.data[0].url.replace(/^http:/, "https:"));
+          // 未知情况下会没有返回数据导致报错，增加防范逻辑
+          if (data.data[0]) {
+            const url = updateHttps(data.data[0].url);
+            commitMP3(url);
+          }
         });
       } else {
         commitMP3(`https://music.163.com/song/media/outer/url?id=${track.id}`);

src/utils/common.js

@@ -70,3 +70,8 @@ export function throttle(fn, time) {
     }, time);
   };
 }
+
+export function updateHttps(url) {
+  if (!url) return ''
+  return url.replace(/^http:/, "https:");
+}

src/views/loginAccount.vue

@@ -12,7 +12,7 @@
             <input
               id="countryCode"
               :placeholder="
-                inputFocus === 'phone' ? '' : $t('login.countrycode')
+                inputFocus === 'phone' ? '' : $t('login.countryCode')
               "
               v-model="countryCode"
               @focus="inputFocus = 'phone'"
@@ -262,7 +262,7 @@ export default {
   }
 
   input#countryCode {
-    flex: 2;
+    flex: 3;
   }
   input#phoneNumber {
     flex: 12;