diff --git a/src/App.vue b/src/App.vue index d9f2641..a8aaa81 100644 --- a/src/App.vue +++ b/src/App.vue @@ -166,33 +166,7 @@ button::after { top: -1000px; left: 0; } -.round-end-tip { - width: 100%; - color: #fff; - display: flex; - flex-direction: column; - align-items: center; -} -.round-end-tip > view:nth-child(2) { - margin: 15px 0; - font-size: 24px; - display: flex; - align-items: center; - justify-content: center; -} -.round-end-tip > view:nth-child(2) > text:nth-child(2), -.round-end-tip > view:nth-child(2) > text:nth-child(4) { - color: #fed847; - width: 30px; - text-align: center; - font-size: 30px; -} -.round-end-tip > text:nth-child(3), -.round-end-tip > text:nth-child(4) { - color: #fff9; - font-size: 14px; - margin-bottom: 10px; -} + .truncate { white-space: nowrap; overflow: hidden; diff --git a/src/components/RoundEndTip.vue b/src/components/RoundEndTip.vue new file mode 100644 index 0000000..6514bb1 --- /dev/null +++ b/src/components/RoundEndTip.vue @@ -0,0 +1,156 @@ + + + + + diff --git a/src/components/ScreenHint.vue b/src/components/ScreenHint.vue index 7c905ad..85b0896 100644 --- a/src/components/ScreenHint.vue +++ b/src/components/ScreenHint.vue @@ -61,6 +61,7 @@ const props = defineProps({ .container > view:first-child { display: flex; align-items: center; + justify-content: center; position: relative; width: 70vw; min-height: 22vh; diff --git a/src/pages/battle-result.vue b/src/pages/battle-result.vue index 9db7db6..4076e4f 100644 --- a/src/pages/battle-result.vue +++ b/src/pages/battle-result.vue @@ -8,7 +8,7 @@ import useStore from "@/store"; import { storeToRefs } from "pinia"; const store = useStore(); const { user } = storeToRefs(store); -const { updateUser } = store; +const { updateUser, getLvlName } = store; const battleId = ref(""); const ifWin = ref(false); @@ -133,7 +133,7 @@ const checkBowData = () => { /> {{ player.name }} - 钻石三级 + {{ getLvlName(player.totalScore) }} {{ player.totalRings }} @@ -152,7 +152,9 @@ const checkBowData = () => { >积分 {{ totalPoints > 0 ? "+" + totalPoints : totalPoints }} - 你是朋友中的佼佼者哦 + {{ + ifWin ? "你已经奔跑在通向王者的路上了!" : "失败是成功之母,儿子在等你!" + }} 好成绩!全国排位赛等着你! diff --git a/src/pages/battle-room.vue b/src/pages/battle-room.vue index f522423..b923eda 100644 --- a/src/pages/battle-room.vue +++ b/src/pages/battle-room.vue @@ -14,6 +14,7 @@ import ShootProgress from "@/components/ShootProgress.vue"; import PlayersRow from "@/components/PlayersRow.vue"; import SModal from "@/components/SModal.vue"; import ScreenHint from "@/components/ScreenHint.vue"; +import RoundEndTip from "@/components/RoundEndTip.vue"; import { getRoomAPI, destroyRoomAPI, exitRoomAPI, startRoomAPI } from "@/apis"; import { checkConnection } from "@/util"; import { MESSAGETYPES, roundsName, getMessageTypeName } from "@/constants"; @@ -404,16 +405,12 @@ onUnmounted(() => { - - 第{{ currentRound - 1 }}轮射击结束 - - 蓝队 - {{ currentBluePoint }} - 分,红队 - {{ currentRedPoint }} - - - + { if (item.gameType === 2 && item.teamSize === 5) keyName = "5m"; if (item.gameType === 2 && item.teamSize === 10) keyName = "10m"; if (keyName) { - currentSeasonData.value["1v1"] = { + currentSeasonData.value[keyName] = { totalGames: item.totalGames, winCount: item.winCount, - winRate: (item.winCount / item.totalGames) * 100, + winRate: Number(((item.winCount / item.totalGames) * 100).toFixed(2)), }; } }); diff --git a/src/pages/team-match.vue b/src/pages/team-match.vue index aff0681..6547a7d 100644 --- a/src/pages/team-match.vue +++ b/src/pages/team-match.vue @@ -13,6 +13,7 @@ import ScreenHint from "@/components/ScreenHint.vue"; import SButton from "@/components/SButton.vue"; import Matching from "@/components/Matching.vue"; import SModal from "@/components/SModal.vue"; +import RoundEndTip from "@/components/RoundEndTip.vue"; import { matchGameAPI, readyGameAPI } from "@/apis"; import { MESSAGETYPES, roundsName, getMessageTypeName } from "@/constants"; import useStore from "@/store"; @@ -209,18 +210,12 @@ onUnmounted(() => { :show="showRoundTip" :onClose="() => (showRoundTip = false)" > - - 第{{ currentRound - 1 }}轮射击结束 - - 蓝队 - {{ currentBluePoint }} - 分,红队 - {{ currentRedPoint }} - - - - +