feats

src/components/Loader.vue

@@ -57,9 +57,9 @@ const onTouchMove = (e) => {
 }
 
 const playMask = () => {
-  maskStatusRef.value = 2
-  entranceAudioRef.value.play();
-  maskRef.value.start();
+  // maskStatusRef.value = 2
+  // entranceAudioRef.value.play();
+  // maskRef.value.start();
 }
 
 watch(() => props.loading, (newVal, oldVal) => {
@@ -115,6 +115,16 @@ watch(() => props.loading, (newVal, oldVal) => {
     .enter {
       margin-top: 2em;
       font-family: "STXINGKA";
+      animation-name: justjump;
+      animation-duration: 1.3s;
+      animation-iteration-count: infinite;
+      animation-fill-mode: both;
+    }
+
+    @keyframes justjump {
+      0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
+      40% {-webkit-transform: translateY(-30px);}
+      60% {-webkit-transform: translateY(-15px);}
     }
   }