github-mirror/YesPlayMusic
2
0
Fork 0
mirror of https://github.com/qier222/YesPlayMusic.git synced 2025-02-01 03:37:29 +08:00
Code Issues Actions 1 Packages Projects Releases Wiki Activity

fix: 修复部分按钮失效的问题 (#1380)

Browse Source
This commit is contained in:
memorydream 2022-03-06 11:55:57 +08:00 committed by GitHub
parent 596204dc58
commit 7dad7d810a
No known key found for this signature in database
GPG Key ID: 4AEE18F83AFDEB23
2 changed files with 45 additions and 12 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

35
src/components/Player.vue
View File

@ -71,19 +71,19 @@
<button-icon
v-show="!player.isPersonalFM"
:title="$t('player.previous')"
@click.native="player.playPrevTrack"
@click.native="playPrevTrack"
><svg-icon icon-class="previous"
/></button-icon>
<button-icon
v-show="player.isPersonalFM"
title="不喜欢"
@click.native="player.moveToFMTrash"
@click.native="moveToFMTrash"
><svg-icon icon-class="thumbs-down"
/></button-icon>
<button-icon
class="play"
:title="$t(player.playing ? 'player.pause' : 'player.play')"
@click.native="player.playOrPause"
@click.native="playOrPause"
>
<svg-icon :icon-class="player.playing ? 'pause' : 'play'"
/></button-icon>
@ -115,7 +115,7 @@
? $t('player.repeatTrack')
: $t('player.repeat')
"
@click.native="player.switchRepeatMode"
@click.native="switchRepeatMode"
>
<svg-icon
v-show="player.repeatMode !== 'one'"
@ -129,18 +129,18 @@
<button-icon
:class="{ active: player.shuffle, disabled: player.isPersonalFM }"
:title="$t('player.shuffle')"
@click.native="player.switchShuffle"
@click.native="switchShuffle"
><svg-icon icon-class="shuffle"
/></button-icon>
<button-icon
v-if="settings.enableReversedMode"
:class="{ active: player.reversed, disabled: player.isPersonalFM }"
:title="$t('player.reversed')"
@click.native="player.switchReversed"
@click.native="switchReversed"
><svg-icon icon-class="sort-up"
/></button-icon>
<div class="volume-control">
<button-icon :title="$t('player.mute')" @click.native="player.mute">
<button-icon :title="$t('player.mute')" @click.native="mute">
<svg-icon v-show="volume > 0.5" icon-class="volume" />
<svg-icon v-show="volume === 0" icon-class="volume-mute" />
<svg-icon
@ -214,6 +214,12 @@ export default {
methods: {
...mapMutations(['toggleLyrics']),
...mapActions(['showToast', 'likeATrack']),
playPrevTrack() {
this.player.playPrevTrack();
},
playOrPause() {
this.player.playOrPause();
},
playNextTrack() {
if (this.player.isPersonalFM) {
this.player.playNextFMTrack();
@ -246,6 +252,21 @@ export default {
goToArtist(id) {
this.$router.push({ path: '/artist/' + id });
},
moveToFMTrash() {
this.player.moveToFMTrash();
},
switchRepeatMode() {
this.player.switchRepeatMode();
},
switchShuffle() {
this.player.switchShuffle();
},
switchReversed() {
this.player.switchReversed();
},
mute() {
this.player.mute();
},
},
};
</script>

22
src/views/lyrics.vue
View File

@ -120,7 +120,7 @@
: $t('player.repeat')
"
:class="{ active: player.repeatMode !== 'off' }"
@click.native="player.switchRepeatMode"
@click.native="switchRepeatMode"
>
<svg-icon
v-show="player.repeatMode !== 'one'"
@ -135,21 +135,21 @@
<button-icon
v-show="!player.isPersonalFM"
:title="$t('player.previous')"
@click.native="player.playPrevTrack"
@click.native="playPrevTrack"
>
<svg-icon icon-class="previous" />
</button-icon>
<button-icon
v-show="player.isPersonalFM"
title="不喜欢"
@click.native="player.moveToFMTrash"
@click.native="moveToFMTrash"
>
<svg-icon icon-class="thumbs-down" />
</button-icon>
<button-icon
id="play"
:title="$t(player.playing ? 'player.pause' : 'player.play')"
@click.native="player.playOrPause"
@click.native="playOrPause"
>
<svg-icon :icon-class="player.playing ? 'pause' : 'play'" />
</button-icon>
@ -164,7 +164,7 @@
v-show="!player.isPersonalFM"
:title="$t('player.shuffle')"
:class="{ active: player.shuffle }"
@click.native="player.switchShuffle"
@click.native="switchShuffle"
>
<svg-icon icon-class="shuffle" />
</button-icon>
@ -332,6 +332,12 @@ export default {
methods: {
...mapMutations(['toggleLyrics']),
...mapActions(['likeATrack']),
playPrevTrack() {
this.player.playPrevTrack();
},
playOrPause() {
this.player.playOrPause();
},
playNextTrack() {
if (this.player.isPersonalFM) {
this.player.playNextFMTrack();
@ -417,6 +423,12 @@ export default {
moveToFMTrash() {
this.player.moveToFMTrash();
},
switchRepeatMode() {
this.player.switchRepeatMode();
},
switchShuffle() {
this.player.switchShuffle();
},
getCoverColor() {
if (this.settings.lyricsBackground !== true) return;
const cover = this.currentTrack.al?.picUrl + '?param=1024y1024';