From f5b0b59b531604b0896c0b4fe9a9bb12dd945bb1 Mon Sep 17 00:00:00 2001 From: lichong <18518571399@163.com> Date: Tue, 30 Jul 2024 11:28:15 +0800 Subject: [PATCH] 122 --- src/renderer/src/App.vue | 36 +++++++++++++++++----------- src/renderer/src/assets/css/base.css | 2 +- 2 files changed, 23 insertions(+), 15 deletions(-) diff --git a/src/renderer/src/App.vue b/src/renderer/src/App.vue index f0bcc56..096098b 100644 --- a/src/renderer/src/App.vue +++ b/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 - this.count++ - localStorage.setItem('count', this.count) - setTimeout(() => { - this.xianhuaShow = false - }, 2000); + if (!this.xianhuaDisabld) { + this.xianhuaShow = true + this.xianhuaDisabld = true + this.count++ + localStorage.setItem('count', this.count) + 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, diff --git a/src/renderer/src/assets/css/base.css b/src/renderer/src/assets/css/base.css index 6671670..38f686b 100644 --- a/src/renderer/src/assets/css/base.css +++ b/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; } \ No newline at end of file