更新 - 添加验证

Author: lbwa

src/components/parts-artist-item/parts-artist-item.vue

@@ -32,8 +32,10 @@ export default {
  }
  getArtistDetail(this.artist.id).then(res => {
  if (res.code === ERR_OK) {
+ this.songs = this._normalizeSongs(res.data.list)
+ } else {
+ throw new Error('Check ERR_OK failed')
  }
- this.songs = this._normalizeSongs(res.data.list)
  })
  },
 

src/components/parts-recom-item/parts-recom-item.vue

@@ -27,6 +27,8 @@ export default {
  if (res.code === ERR_OK) {
  this.itemSongs = this._normalizeSongs(res.cdlist[0].songlist)
  console.info('%c Loading recommend songs', 'color: dodgerblue')
+ } else {
+ throw new Error('Check ERR_OK failed')
  }
  })
  },

src/components/the-artist/artist.vue

@@ -38,6 +38,8 @@ export default {
  getArtistList().then(res => {
  if (res.code === ERR_OK) {
  this.artistList = this._normalizeArtistList(res.data.list)
+ } else {
+ throw new Error('Check ERR_OK failed')
  }
  })
  },

src/components/the-ranking/ranking.vue

@@ -1,6 +1,6 @@
 <template>
- <div class="ranking-list">
- <BaseScroll  class="list-wrapper" :data="topList" v-show="topList.length > 0">
+ <div class="ranking-list" ref="list">
+ <BaseScroll class="list-wrapper" :data="topList" ref="scroll">
  <ul>
  <li
  class="ranking-item"
@@ -16,15 +16,16 @@
  v-for="(song, songIndex) of list.songList"
  :key="songIndex"
  >
- <span class="song-num">{{ songIndex + 1 }}</span>
- <span class="song-text">{{ song.songname }} - {{ song.singername }}</span>
+ <span>{{ songIndex + 1 }}</span>
+ <span>{{ song.songname }} - {{ song.singername }}</span>
  </li>
  </ul>
 
  </li>
  </ul>
+ <BaseLoading v-show="topList.length === 0"/>
  </BaseScroll>
- <BaseLoading v-show="topList.length === 0"/>
+ <router-view/>
  </div>
 </template>
 
@@ -33,19 +34,30 @@ import BaseScroll from 'base/base-scroll'
 import BaseLoading from 'base/base-loading/base-loading'
 import { getRankingList } from 'api/the-ranking'
 import { ERR_OK } from 'api/config'
+import { playlistMixin } from 'common/js/mixin'
 
 export default {
+ mixins: [playlistMixin],
  data () {
  return {
  topList: []
  }
  },
 
  methods: {
+ handlePlaylist (playlist) {
+ const bottom = this.playlist.length > 0 ? '60px' : ''
+
+ this.$refs.list.style.bottom = bottom
+ this.$refs.scroll.refresh()
+ },
+
  _getRankingList () {
  getRankingList().then(res => {
  if (res.code === ERR_OK) {
  this.topList = res.data.topList
+ } else {
+ throw new Error('Check ERR_OK failed')
  }
  })
  }

src/components/the-recommend/recommend.vue

@@ -77,6 +77,8 @@ export default {
  getRecommend().then(res => {
  if (res.code === ERR_OK) {
  this.sliderList = res.data.slider
+ } else {
+ throw new Error('Check ERR_OK failed')
  }
  })
  },