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

feat(nyancat): add the status of stillness nyancat (#541)

Browse source
This commit is contained in:
Map1en_ 2021-04-14 01:38:38 +08:00 • committed by GitHub
parent 4f4f2b09e3
commit 2ecba8e161
No known key found for this signature in database
GPG key ID: 4AEE18F83AFDEB23
3 changed files with 9 additions and 1 deletions
Download patch file Download diff file Expand all files Collapse all files

BIN
public/img/logos/nyancat-stop.png Normal file
View file

Binary file not shown.
Side by side

After

Width:  |  Height:  |  Size: 816 B

5
src/assets/css/slider.css
View file

@ -100,6 +100,11 @@
visibility: visible; visibility: visible;
} }
.nyancat-stop .vue-slider-dot-handle {
background-image: url("/img/logos/nyancat-stop.png");
transition: 300ms;
}
/* lyrics */ /* lyrics */
.lyrics-page .vue-slider-rail { .lyrics-page .vue-slider-rail {
background-color: rgba(128, 128, 128, 0.18); background-color: rgba(128, 128, 128, 0.18);

5
src/components/Player.vue
View file

@ -2,7 +2,10 @@
<div class="player" @click="toggleLyrics"> <div class="player" @click="toggleLyrics">
<div <div
class="progress-bar" class="progress-bar"
:class="{ nyancat: settings.nyancatStyle }" :class="{
nyancat: settings.nyancatStyle,
'nyancat-stop': settings.nyancatStyle && !player.playing,
}"
@click.stop @click.stop
> >
<vue-slider <vue-slider