From 77dca00ce76f84c1d09daa9d56d7c53aaeb9246f Mon Sep 17 00:00:00 2001 From: kron Date: Wed, 16 Jul 2025 14:42:00 +0800 Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E4=BF=AE=E6=94=B9?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/Matching.vue | 2 +- src/pages/first-try.vue | 2 +- src/pages/melee-bow-data.vue | 23 +++++++++++++++++++++-- src/pages/practise-one.vue | 23 +++++++++++++++-------- src/pages/practise-two.vue | 6 +++--- src/static/back-to-game-bg.png | Bin 2118 -> 8348 bytes src/static/player-bg2.png | Bin 0 -> 1588 bytes 7 files changed, 41 insertions(+), 15 deletions(-) create mode 100644 src/static/player-bg2.png diff --git a/src/components/Matching.vue b/src/components/Matching.vue index 2bfd978..a074315 100644 --- a/src/components/Matching.vue +++ b/src/components/Matching.vue @@ -75,7 +75,7 @@ watch( clearInterval(timer.value); setTimeout(() => { newVal(); - }, 2000); + }, 1500); } else { totalTop.value += 0.5; } diff --git a/src/pages/first-try.vue b/src/pages/first-try.vue index 6de66e4..438e32f 100644 --- a/src/pages/first-try.vue +++ b/src/pages/first-try.vue @@ -87,7 +87,7 @@ async function onReceiveMessage(messages = []) { user.value, practiseResult.value ); - }, 2000); + }, 1500); } } }); diff --git a/src/pages/melee-bow-data.vue b/src/pages/melee-bow-data.vue index c395939..dbaf810 100644 --- a/src/pages/melee-bow-data.vue +++ b/src/pages/melee-bow-data.vue @@ -39,12 +39,19 @@ onLoad(async (options) => { :key="index" :style="{ width: `${Math.max(100 / data.players.length, 18)}vw`, - backgroundColor: - player.playerId === currentUser.playerId ? '#aba57a' : '', color: player.playerId === currentUser.playerId ? '#000' : '#fff9', }" @click="() => onSelect(player.playerId)" > + { height: 85px; width: 100%; overflow-x: auto; + overflow-y: hidden; background-color: #fff3; } +.players::-webkit-scrollbar { + width: 0; + height: 0; + color: transparent; +} .players > view { display: flex; flex-direction: column; @@ -99,6 +112,11 @@ onLoad(async (options) => { font-size: 12px; padding-top: 5px; flex: 0 0 auto; + position: relative; +} +.player-bg { + position: absolute; + width: 100%; } .players > view > text { margin-top: 5px; @@ -107,6 +125,7 @@ onLoad(async (options) => { overflow: hidden; text-overflow: ellipsis; text-align: center; + position: relative; } .score-text { width: 100%; diff --git a/src/pages/practise-one.vue b/src/pages/practise-one.vue index a018fee..067c209 100644 --- a/src/pages/practise-one.vue +++ b/src/pages/practise-one.vue @@ -58,12 +58,19 @@ async function onReceiveMessage(messages = []) { } if (msg.constructor === MESSAGETYPES.ShootSyncMePracticeID) { if (practiseId.value && practiseId.value === msg.practice.id) { - start.value = false; - practiseResult.value = { - ...msg.practice, - arrows: JSON.parse(msg.practice.arrows), - }; - generateCanvasImage("shareCanvas", 2, user.value, practiseResult.value); + setTimeout(() => { + start.value = false; + practiseResult.value = { + ...msg.practice, + arrows: JSON.parse(msg.practice.arrows), + }; + generateCanvasImage( + "shareCanvas", + 2, + user.value, + practiseResult.value + ); + }, 1500); } } }); @@ -101,8 +108,8 @@ onUnmounted(() => {