122

src/renderer/src/App.vue

@@ -63,6 +63,7 @@ export default {
       xianhuaShow: false,
       audio: null,
       count: 0,
+      xianhuaDisabld: false,
     }
   },
   watch: {
@@ -97,12 +98,18 @@ export default {
   },
   methods: {
     jingxianxianhua() {
-      this.xianhuaShow = true
+      if (!this.xianhuaDisabld) {
-      this.count++
+        this.xianhuaShow = true
-      localStorage.setItem('count', this.count)
+        this.xianhuaDisabld = true
-      setTimeout(() => {
+        this.count++
-        this.xianhuaShow = false
+        localStorage.setItem('count', this.count)
-      }, 2000);
+        setTimeout(() => {
+          this.xianhuaDisabld = false
+        }, 1000);
+        setTimeout(() => {
+          this.xianhuaShow = false
+        }, 2000);
+      }
     },
     misicSwitch() {
       this.musicOn = !this.musicOn
@@ -184,7 +191,7 @@ export default {
   position: absolute;
   background-image: url("/indexBut.png");
   background-repeat: no-repeat;
-  background-size: 52% 100%;
+  background-size: 54% 100%;
   height: 45px;
   width: 276px;
   bottom: 50px;
@@ -198,6 +205,7 @@ export default {
   bottom: 30px;
   text-align: center;
   width: 100%;
+
   color: #840300;
 }
 
@@ -207,7 +215,7 @@ export default {
   background-repeat: no-repeat;
   background-size: 95% 100%;
   height: 71px;
-  width: 453px;
+  width: 27vw;
   bottom: calc(29% - 35.5px);
   left: 10px;
   z-index: 2;
@@ -219,9 +227,9 @@ export default {
   background-repeat: no-repeat;
   background-size: 95% 100%;
   height: 71px;
-  width: 453px;
+  width: 27vw;
   bottom: calc(29% - 35.5px);
-  right: 10px;
+  right: 0px;
   z-index: 2;
   transform: scaleX(-1);
 }
@@ -233,7 +241,7 @@ export default {
   background-size: 100% 100%;
   height: 152px;
   width: 95px;
-  bottom: calc(40% - 76px);
+  bottom: calc(40% - 90px);
   left: calc(35% - 47.5px);
   z-index: 2;
 }
@@ -245,7 +253,7 @@ export default {
   background-size: 100% 100%;
   height: 152px;
   width: 95px;
-  bottom: calc(40% - 76px);
+  bottom: calc(40% - 90px);
   left: calc(50% - 47.5px);
   z-index: 2;
 }
@@ -257,7 +265,7 @@ export default {
   background-size: 100% 100%;
   height: 152px;
   width: 95px;
-  bottom: calc(40% - 76px);
+  bottom: calc(40% - 90px);
   left: calc(65% - 47.5px);
   z-index: 2;
 }
@@ -275,7 +283,7 @@ export default {
 
 .fadeInOutClass-enter-active,
 .fadeInOutClass-leave-active {
-  transition: opacity 2s ease;
+  transition: opacity 0.5s ease;
 }
 
 .fadeInOutClass-enter-from,

src/renderer/src/assets/css/base.css

@@ -12,7 +12,7 @@ body {
   display: flex;
   justify-content: center;
   color: #840300;
-  font-size: 13px;
+  font-size: 1.2em;
   font-family: Source Han Sans CN;
   font-weight: 600;
 }