github-mirror/YesPlayMusic
2
0
Fork 0
mirror of https://github.com/qier222/YesPlayMusic.git synced 2024-11-25 09:41:49 +08:00
Code Issues Actions 2 Packages Projects Releases Wiki Activity

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
Show Stats 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;
}
.nyancat-stop .vue-slider-dot-handle {
background-image: url("/img/logos/nyancat-stop.png");
transition: 300ms;
}
/* lyrics */
.lyrics-page .vue-slider-rail {
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="progress-bar"
:class="{ nyancat: settings.nyancatStyle }"
:class="{
nyancat: settings.nyancatStyle,
'nyancat-stop': settings.nyancatStyle && !player.playing,
}"
@click.stop
>
<vue-slider