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

src/assets/css/slider.css

@@ -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);

src/components/Player.vue

@@ -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