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 @@
+
+
+
+
+ 第{{ round }}轮射击结束
+
+
+ 本轮红队
+ {{
+ (roundData.redArrows || []).reduce(
+ (last, next) => last + next.ring,
+ 0
+ )
+ }}
+ 环,蓝队
+ {{
+ (roundData.blueArrows || []).reduce(
+ (last, next) => last + next.ring,
+ 0
+ )
+ }}
+ 环
+
+
+ 红队、蓝队各得{{
+ redPoint
+ }}分
+
+
+ 蓝队获胜,得{{
+ bluePoint
+ }}分
+
+
+ 红队获胜,得{{
+ redPoint
+ }}分
+
+
+
+
+ 蓝队
+ {{ bluePoint }}
+ 分,红队
+ {{ redPoint }}
+ 分
+
+ 同分僵局!最后一箭定江山
+
+ {{ count }}
+ 秒后蓝红双方
+ 决金箭
+ 一箭决胜负
+
+
+
+
+
+
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 }}
- 分
-
-
-
+