张延森 2 年前
父节点
当前提交
4dd8805155
共有 1 个文件被更改,包括 13 次插入3 次删除
  1. 13
    3
      src/components/Loader.vue

+ 13
- 3
src/components/Loader.vue 查看文件

57
 }
57
 }
58
 
58
 
59
 const playMask = () => {
59
 const playMask = () => {
60
-  maskStatusRef.value = 2
61
-  entranceAudioRef.value.play();
62
-  maskRef.value.start();
60
+  // maskStatusRef.value = 2
61
+  // entranceAudioRef.value.play();
62
+  // maskRef.value.start();
63
 }
63
 }
64
 
64
 
65
 watch(() => props.loading, (newVal, oldVal) => {
65
 watch(() => props.loading, (newVal, oldVal) => {
115
     .enter {
115
     .enter {
116
       margin-top: 2em;
116
       margin-top: 2em;
117
       font-family: "STXINGKA";
117
       font-family: "STXINGKA";
118
+      animation-name: justjump;
119
+      animation-duration: 1.3s;
120
+      animation-iteration-count: infinite;
121
+      animation-fill-mode: both;
122
+    }
123
+
124
+    @keyframes justjump {
125
+      0%, 20%, 50%, 80%, 100% {-webkit-transform: translateY(0);}
126
+      40% {-webkit-transform: translateY(-30px);}
127
+      60% {-webkit-transform: translateY(-15px);}
118
     }
128
     }
119
   }
129
   }
120
 
130