diff --git a/src/App.vue b/src/App.vue index cfc3a90..1cf779c 100644 --- a/src/App.vue +++ b/src/App.vue @@ -198,6 +198,5 @@ button::after { white-space: nowrap; overflow: hidden; text-overflow: ellipsis; - text-align: center; } diff --git a/src/components/BowTarget.vue b/src/components/BowTarget.vue index 80d9ed7..1625db7 100644 --- a/src/components/BowTarget.vue +++ b/src/components/BowTarget.vue @@ -241,6 +241,7 @@ const simulShoot = async () => { display: flex; align-items: center; justify-content: space-between; + margin-bottom: -10px; } .header > image:first-child { width: 40px; @@ -262,6 +263,7 @@ const simulShoot = async () => { min-height: 40px; max-height: 40px; border-radius: 50%; + border: 1px solid #fff; } .container > text { width: 100%; @@ -269,7 +271,6 @@ const simulShoot = async () => { text-align: center; line-height: 40px; display: block; - margin-top: 20px; } .simul { position: absolute; diff --git a/src/components/Header.vue b/src/components/Header.vue index 9201834..5bf3923 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -36,11 +36,11 @@ onMounted(() => { 凹造型 - + - 感知距离 - + - 小试牛刀 diff --git a/src/components/PlayersRow.vue b/src/components/PlayersRow.vue index 6417382..29012e7 100644 --- a/src/components/PlayersRow.vue +++ b/src/components/PlayersRow.vue @@ -94,9 +94,11 @@ defineProps({ .container { width: calc(100% - 30px); margin: 15px; + margin-bottom: 0; display: flex; justify-content: space-between; align-items: flex-start; + } .container > view { width: 50%; diff --git a/src/components/ScorePanel.vue b/src/components/ScorePanel.vue index 9d34ef2..ac9d9bd 100644 --- a/src/components/ScorePanel.vue +++ b/src/components/ScorePanel.vue @@ -40,7 +40,7 @@ const timer = ref(null); onMounted(() => { timer.value = setInterval(() => { bgIndex.value = bgIndex.value === 0 ? 1 : 0; - }, 500); + }, 200); }); onUnmounted(() => { if (timer.value) { @@ -89,7 +89,7 @@ onUnmounted(() => { display: flex; flex-wrap: wrap; justify-content: center; - margin: 0 5vw; + margin: 0 4vw; position: relative; padding: 1vw 0; } diff --git a/src/components/ShootProgress.vue b/src/components/ShootProgress.vue index 7e29281..fb0ae4b 100644 --- a/src/components/ShootProgress.vue +++ b/src/components/ShootProgress.vue @@ -132,7 +132,7 @@ onUnmounted(() => { text-align: center; background-color: #ffffff80; border-radius: 20px; - margin-top: -14px; + margin-top: -20px; font-size: 12px; height: 20px; line-height: 20px; diff --git a/src/pages/battle-room.vue b/src/pages/battle-room.vue index b47245c..439aa2b 100644 --- a/src/pages/battle-room.vue +++ b/src/pages/battle-room.vue @@ -198,14 +198,16 @@ async function onReceiveMessage(messages = []) { } if (msg.constructor === MESSAGETYPES.ToSomeoneShoot) { if (room.value.battleType === 1) { - scores.value = []; - blueScores.value = []; - seq.value += 1; - currentShooterId.value = msg.userId; - if (redTeam.value[0].id === currentShooterId.value) { - tips.value = `请红队射箭-第${roundsName[currentRound.value]}轮`; - } else { - tips.value = `请蓝队射箭-第${roundsName[currentRound.value]}轮`; + if (currentShooterId.value !== msg.userId) { + scores.value = []; + blueScores.value = []; + seq.value += 1; + currentShooterId.value = msg.userId; + if (redTeam.value[0].id === currentShooterId.value) { + tips.value = `请红队射箭-第${roundsName[currentRound.value]}轮`; + } else { + tips.value = `请蓝队射箭-第${roundsName[currentRound.value]}轮`; + } } } } @@ -400,8 +402,10 @@ onUnmounted(() => { :key="index" :name="player.name" :avatar="player.avatar" - :scores="playersScores[player.id]" - :done="playersScores[player.id].length === 12" + :scores="playersScores[player.id] || []" + :done=" + playersScores[player.id] && playersScores[player.id].length === 12 + " /> diff --git a/src/pages/first-try.vue b/src/pages/first-try.vue index 765f021..9664b19 100644 --- a/src/pages/first-try.vue +++ b/src/pages/first-try.vue @@ -190,7 +190,11 @@ const onClose = () => { :total="100" :start="start" /> - + 大人,请射箭 @@ -198,7 +202,6 @@ const onClose = () => { { align-items: center; justify-content: space-between; padding: 0 15px; - padding-top: 15px; + padding-top: 20px; } .infos > text { font-size: 20px; color: #fed847; - margin-bottom: 50px; } diff --git a/src/pages/melee-match.vue b/src/pages/melee-match.vue index 3d81f93..03602eb 100644 --- a/src/pages/melee-match.vue +++ b/src/pages/melee-match.vue @@ -158,8 +158,10 @@ onUnmounted(() => { :key="index" :name="player.name" :avatar="player.avatar" - :scores="playersScores[player.id]" - :done="playersScores[player.id].length === 12" + :scores="playersScores[player.id] || []" + :done=" + playersScores[player.id] && playersScores[player.id].length === 12 + " /> diff --git a/src/pages/rank-list.vue b/src/pages/rank-list.vue index edc5aea..dd255a3 100644 --- a/src/pages/rank-list.vue +++ b/src/pages/rank-list.vue @@ -1,17 +1,17 @@