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

fix: bugs

Browse source
This commit is contained in:
qier222 2021-01-05 22:21:01 +08:00
parent 15ac2b5815
commit db14c9283f
11 changed files with 64 additions and 25 deletions
Download patch file Download diff file Expand all files Collapse all files

17
src/components/TrackListItem.vue
View file

@ -8,7 +8,7 @@
@mouseleave="hover = false"
>
<img
:src="imgUrl | resizeImage(224)"
:src="imgUrl"
v-if="!isAlbum"
@click="goToAlbum"
:class="{ hover: focus }"
@ -89,6 +89,10 @@ export default {
components: { ArtistsInLine, ExplicitSymbol },
props: {
track: Object,
highlightPlayingTrack: {
type: Boolean,
default: true,
},
},
data() {
return { hover: false, trackStyle: {} };
@ -96,9 +100,11 @@ export default {
computed: {
...mapState(["settings"]),
imgUrl() {
if (this.track.al !== undefined) return this.track.al.picUrl;
if (this.track.album !== undefined) return this.track.album.picUrl;
return "";
let image =
this.track?.al?.picUrl ??
this.track?.album?.picUrl ??
"https://p2.music.126.net/UeTuwE7pvjBpypWLudqukA==/3132508627578625.jpg";
return image + "?param=224y224";
},
artists() {
if (this.track.ar !== undefined) return this.track.ar;
@ -127,7 +133,8 @@ export default {
let trackClass = [this.type];
if (!this.track.playable && this.settings.showUnavailableSongInGreyStyle)
trackClass.push("disable");
if (this.isPlaying) trackClass.push("playing");
if (this.isPlaying && this.highlightPlayingTrack)
trackClass.push("playing");
if (this.focus) trackClass.push("focus");
return trackClass;
},