diff --git a/src/components/CoverRow.vue b/src/components/CoverRow.vue
index 46857a4..76c1e1b 100644
--- a/src/components/CoverRow.vue
+++ b/src/components/CoverRow.vue
@@ -50,7 +50,7 @@ export default {
   props: {
     items: { type: Array, required: true },
     type: { type: String, required: true },
-    subText: { type: String, default: 'null' },
+    subText: { type: String, default: 'none' },
     subTextFontSize: { type: String, default: '16px' },
     showPlayCount: { type: Boolean, default: false },
     columnNumber: { type: Number, default: 5 },
diff --git a/src/views/artist.vue b/src/views/artist.vue
index 4d6aae2..3e08bb8 100644
--- a/src/views/artist.vue
+++ b/src/views/artist.vue
@@ -185,6 +185,7 @@ import {
   followAArtist,
   similarArtists,
 } from '@/api/artist';
+import { getTrackDetail } from '@/api/track';
 import locale from '@/locale';
 import { isAccountLoggedIn } from '@/utils/auth';
 import NProgress from 'nprogress';
@@ -278,7 +279,7 @@ export default {
       this.$parent.$refs.main.scrollTo({ top: 0 });
       getArtist(id).then(data => {
         this.artist = data.artist;
-        this.popularTracks = data.hotSongs;
+        this.setPopularTracks(data.hotSongs);
         if (next !== undefined) next();
         NProgress.done();
         this.show = true;
@@ -295,6 +296,12 @@ export default {
         this.similarArtists = data.artists;
       });
     },
+    setPopularTracks(hotSongs) {
+      const trackIDs = hotSongs.map(t => t.id);
+      getTrackDetail(trackIDs.join(',')).then(data => {
+        this.popularTracks = data.songs;
+      });
+    },
     goToAlbum(id) {
       this.$router.push({
         name: 'album',