mirror of
https://github.com/GiriNeko/YesPlayMusic.git
synced 2025-12-18 14:18:03 +00:00
fix: improvements
This commit is contained in:
parent
2e0b18d217
commit
6a47e0cb40
3 changed files with 23 additions and 5 deletions
|
|
@ -14,6 +14,7 @@ export default {
|
||||||
src: [mp3],
|
src: [mp3],
|
||||||
autoplay: true,
|
autoplay: true,
|
||||||
html5: true,
|
html5: true,
|
||||||
|
format: ["mp3", "flac"],
|
||||||
});
|
});
|
||||||
state.howler.play();
|
state.howler.play();
|
||||||
},
|
},
|
||||||
|
|
|
||||||
|
|
@ -14,10 +14,13 @@
|
||||||
<div class="title"> {{ title }}</div>
|
<div class="title"> {{ title }}</div>
|
||||||
<div class="subtitle" v-if="subtitle !== ''">{{ subtitle }}</div>
|
<div class="subtitle" v-if="subtitle !== ''">{{ subtitle }}</div>
|
||||||
<div class="artist">
|
<div class="artist">
|
||||||
|
<span v-if="album.artist.id !== 104700">
|
||||||
<span>{{ album.type | formatAlbumType(album) }} by </span
|
<span>{{ album.type | formatAlbumType(album) }} by </span
|
||||||
><router-link :to="`/artist/${album.artist.id}`">{{
|
><router-link :to="`/artist/${album.artist.id}`">{{
|
||||||
album.artist.name
|
album.artist.name
|
||||||
}}</router-link>
|
}}</router-link></span
|
||||||
|
>
|
||||||
|
<span v-else>Compilation by Various Artists</span>
|
||||||
</div>
|
</div>
|
||||||
<div class="date-and-count">
|
<div class="date-and-count">
|
||||||
<span class="explicit-symbol" v-if="album.mark === 1056768"
|
<span class="explicit-symbol" v-if="album.mark === 1056768"
|
||||||
|
|
|
||||||
|
|
@ -9,7 +9,11 @@
|
||||||
:size="288"
|
:size="288"
|
||||||
/>
|
/>
|
||||||
<div class="info">
|
<div class="info">
|
||||||
<div class="title">{{ playlist.name }}</div>
|
<div class="title"
|
||||||
|
><span class="lock-icon" v-if="playlist.privacy === 10">
|
||||||
|
<svg-icon icon-class="lock" /></span
|
||||||
|
>{{ playlist.name }}</div
|
||||||
|
>
|
||||||
<div class="artist">
|
<div class="artist">
|
||||||
Playlist by
|
Playlist by
|
||||||
<span
|
<span
|
||||||
|
|
@ -229,6 +233,16 @@ export default {
|
||||||
font-size: 36px;
|
font-size: 36px;
|
||||||
font-weight: 700;
|
font-weight: 700;
|
||||||
color: var(--color-text);
|
color: var(--color-text);
|
||||||
|
|
||||||
|
.lock-icon {
|
||||||
|
opacity: 0.28;
|
||||||
|
color: var(--color-text);
|
||||||
|
margin-right: 8px;
|
||||||
|
.svg-icon {
|
||||||
|
height: 26px;
|
||||||
|
width: 26px;
|
||||||
|
}
|
||||||
|
}
|
||||||
}
|
}
|
||||||
.artist {
|
.artist {
|
||||||
font-size: 18px;
|
font-size: 18px;
|
||||||
|
|
|
||||||
Loading…
Add table
Add a link
Reference in a new issue