girineko/YesPlayMusic
1
0
Fork 0
mirror of https://github.com/GiriNeko/YesPlayMusic.git synced 2025-12-17 05:38:04 +00:00
Code Issues Projects Releases Packages Wiki Activity Actions

feat: support lyrics (finnaly)

Browse source
This commit is contained in:
qier222 2021-01-06 20:53:47 +08:00
parent cef149e68c
commit 6366886fe8
9 changed files with 593 additions and 4 deletions
Download patch file Download diff file Expand all files Collapse all files

25
src/components/Player.vue
View file

@ -119,6 +119,14 @@
</div>
</div>
</div>
<button-icon
class="lyrics-button"
title="Lyrics"
style="margin-left: 12px"
@click.native="toggleLyrics"
><svg-icon icon-class="arrow-up"
/></button-icon>
</div>
</template>
@ -175,9 +183,12 @@ export default {
let max = ~~(this.player.currentTrack.dt / 1000);
return max > 1 ? max - 1 : max;
},
isCurrentTrackLiked() {
return this.liked.songs.includes(this.currentTrack.id);
},
},
methods: {
...mapMutations(["updateLikedSongs"]),
...mapMutations(["updateLikedSongs", "toggleLyrics"]),
...mapActions(["showToast"]),
play() {
this.player.playing ? this.player.pause() : this.player.play();
@ -206,6 +217,9 @@ export default {
this.progress = this.$refs.progress.getValue();
this.player.seek(this.$refs.progress.getValue());
},
setProgress(value) {
this.progress = value;
},
goToNextTracksPage() {
this.$route.name === "next"
? this.$router.go(-1)
@ -399,4 +413,13 @@ export default {
.like-button {
margin-left: 16px;
}
.lyrics-button {
position: fixed;
right: 18px;
.svg-icon {
height: 20px;
width: 20px;
}
}
</style>