girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-18 06:07:48 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

修复bug和优化体验

Browse source
This commit is contained in:
qier222 2020-10-14 21:10:45 +08:00
parent b399d5bbdc
commit 861125ea8c
17 changed files with 120 additions and 72 deletions
Download patch file Download diff file Expand all files Collapse all files

45
src/views/playlist.vue
View file

@ -94,6 +94,7 @@ export default {
},
data() {
return {
show: false,
playlist: {
coverImgUrl: "",
creator: {
@ -105,29 +106,10 @@ export default {
tracks: [],
loadingMore: false,
lastLoadedTrackIndex: 9,
show: false,
};
},
created() {
this.id = this.$route.params.id;
getPlaylistDetail(this.id)
.then((data) => {
this.playlist = data.playlist;
this.tracks = data.playlist.tracks;
this.tracks = mapTrackPlayableStatus(this.tracks);
NProgress.done();
this.show = true;
if (this.playlist.trackCount > this.tracks.length) {
window.addEventListener("scroll", this.handleScroll, true);
}
return data;
})
.then(() => {
if (this.playlist.trackCount > this.tracks.length) {
this.loadingMore = true;
this.loadMore();
}
});
this.loadData(this.$route.params.id);
},
destroyed() {
window.removeEventListener("scroll", this.handleScroll, true);
@ -149,6 +131,29 @@ export default {
this.playPlaylistByID();
this.shuffleTheList();
},
loadData(id, next = undefined) {
console.log("loadData");
this.id = id;
getPlaylistDetail(this.id)
.then((data) => {
this.playlist = data.playlist;
this.tracks = data.playlist.tracks;
this.tracks = mapTrackPlayableStatus(this.tracks);
NProgress.done();
if (next !== undefined) next();
this.show = true;
if (this.playlist.trackCount > this.tracks.length) {
window.addEventListener("scroll", this.handleScroll, true);
}
return data;
})
.then(() => {
if (this.playlist.trackCount > this.tracks.length) {
this.loadingMore = true;
this.loadMore();
}
});
},
loadMore() {
let trackIDs = this.playlist.trackIds.filter((t, index) => {
if (