删除无用代码
This commit is contained in:
kron
@@ -1,6 +1,5 @@
|
|||||||
<script setup>
|
<script setup>
|
||||||
import { ref, watch, onMounted, onBeforeUnmount, computed } from "vue";
|
import { ref, watch, onMounted, onBeforeUnmount, computed } from "vue";
|
||||||
// import StartCountdown from "@/components/StartCountdown.vue";
|
|
||||||
import PointSwitcher from "@/components/PointSwitcher.vue";
|
import PointSwitcher from "@/components/PointSwitcher.vue";
|
||||||
|
|
||||||
import { MESSAGETYPES } from "@/constants";
|
import { MESSAGETYPES } from "@/constants";
|
||||||
@@ -31,10 +30,6 @@ const props = defineProps({
|
|||||||
type: String,
|
type: String,
|
||||||
default: "solo", // solo 单排，team 双排
|
default: "solo", // solo 单排，team 双排
|
||||||
},
|
},
|
||||||
// start: {
|
|
||||||
// type: Boolean,
|
|
||||||
// default: false,
|
|
||||||
// },
|
|
||||||
stop: {
|
stop: {
|
||||||
type: Boolean,
|
type: Boolean,
|
||||||
default: false,
|
default: false,
|
||||||
@@ -254,10 +249,6 @@ onBeforeUnmount(() => {
|
|||||||
<button @click="simulShoot">模拟</button>
|
<button @click="simulShoot">模拟</button>
|
||||||
<button @click="simulShoot2">射箭</button>
|
<button @click="simulShoot2">射箭</button>
|
||||||
</view>
|
</view>
|
||||||
<!-- <text :style="{ color: '#fff', wordBreak: 'break-all' }">{{
|
|
||||||
scores.length ? scores[scores.length - 1] : ""
|
|
||||||
}}</text> -->
|
|
||||||
<!-- <StartCountdown :start="startCount" /> -->
|
|
||||||
</view>
|
</view>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
@@ -1,209 +0,0 @@
|
|||||||
<script setup>
|
|
||||||
import { ref, watch } from "vue";
|
|
||||||
import BowTarget from "@/components/BowTarget.vue";
|
|
||||||
import Avatar from "@/components/Avatar.vue";
|
|
||||||
import useStore from "@/store";
|
|
||||||
import { storeToRefs } from "pinia";
|
|
||||||
const store = useStore();
|
|
||||||
const { user } = storeToRefs(store);
|
|
||||||
const scores = ref([]);
|
|
||||||
const currentUser = ref({});
|
|
||||||
const props = defineProps({
|
|
||||||
show: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
},
|
|
||||||
onClose: {
|
|
||||||
type: Function,
|
|
||||||
default: () => {},
|
|
||||||
},
|
|
||||||
data: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({}),
|
|
||||||
},
|
|
||||||
});
|
|
||||||
watch(
|
|
||||||
() => props.data,
|
|
||||||
(value) => {
|
|
||||||
const mine = value.players.find((p) => p.playerId === user.value.id);
|
|
||||||
currentUser.value = mine;
|
|
||||||
if (mine && mine.arrowHistory) {
|
|
||||||
scores.value = mine.arrowHistory;
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{ deep: true, immediate: true }
|
|
||||||
);
|
|
||||||
const onSelect = (userId) => {
|
|
||||||
const user = props.data.players.find((p) => p.playerId === userId);
|
|
||||||
currentUser.value = user;
|
|
||||||
if (user && user.arrowHistory) {
|
|
||||||
scores.value = user.arrowHistory;
|
|
||||||
}
|
|
||||||
};
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<view class="container" :style="{ display: show ? 'flex' : 'none' }">
|
|
||||||
<view>
|
|
||||||
<text>5人大乱斗</text>
|
|
||||||
<view @click="onClose">
|
|
||||||
<image src="../static/close-white.png" mode="widthFix" />
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view class="rank-rows">
|
|
||||||
<view
|
|
||||||
v-for="(player, index) in data.players"
|
|
||||||
:key="index"
|
|
||||||
@click="() => onSelect(player.playerId)"
|
|
||||||
>
|
|
||||||
<image v-if="index === 0" src="../static/champ1.png" mode="widthFix" />
|
|
||||||
<image v-if="index === 1" src="../static/champ2.png" mode="widthFix" />
|
|
||||||
<image v-if="index === 2" src="../static/champ3.png" mode="widthFix" />
|
|
||||||
<view v-if="index > 2" class="rank-view">{{ index + 1 }}</view>
|
|
||||||
<Avatar :src="player.avatar" :size="24" />
|
|
||||||
<text
|
|
||||||
>积分
|
|
||||||
{{
|
|
||||||
player.totalScore > 0 ? "+" + player.totalScore : player.totalScore
|
|
||||||
}}分</text
|
|
||||||
>
|
|
||||||
<text>{{ player.totalRings }}环</text>
|
|
||||||
<text v-for="(arrow, index2) in player.arrowHistory" :key="index2">
|
|
||||||
{{ arrow.ring }}环
|
|
||||||
</text>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view :style="{ width: '95%' }">
|
|
||||||
<BowTarget
|
|
||||||
:scores="scores"
|
|
||||||
:avatar="currentUser ? currentUser.avatar : ''"
|
|
||||||
/>
|
|
||||||
</view>
|
|
||||||
<view class="score-text"
|
|
||||||
><text :style="{ color: '#fed847' }">{{ scores.length }}</text
|
|
||||||
>支箭，共<text :style="{ color: '#fed847' }">{{
|
|
||||||
scores.reduce((last, next) => last + next.ring, 0)
|
|
||||||
}}</text
|
|
||||||
>环</view
|
|
||||||
>
|
|
||||||
<view class="score-row">
|
|
||||||
<view
|
|
||||||
v-for="(score, index) in scores"
|
|
||||||
:key="index"
|
|
||||||
class="score-item"
|
|
||||||
:style="{ width: '13vw', height: '13vw' }"
|
|
||||||
>
|
|
||||||
{{ score.ring }}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.container {
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background-color: #232323;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
.container > view:first-child {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 20px 0;
|
|
||||||
color: #fff;
|
|
||||||
position: relative;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.container > view:first-child > view:last-child {
|
|
||||||
position: absolute;
|
|
||||||
left: 5px;
|
|
||||||
top: 25px;
|
|
||||||
}
|
|
||||||
.container > view:first-child > view:last-child > image {
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
.score-text {
|
|
||||||
width: 100%;
|
|
||||||
color: #fff;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 16px;
|
|
||||||
margin-bottom: 6px;
|
|
||||||
}
|
|
||||||
.score-row {
|
|
||||||
margin: 10px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
flex-wrap: wrap;
|
|
||||||
}
|
|
||||||
.score-item {
|
|
||||||
background-image: url("../static/score-bg.png");
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
color: #fed847;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 24px;
|
|
||||||
margin: 3px;
|
|
||||||
}
|
|
||||||
.rank-rows {
|
|
||||||
display: flex;
|
|
||||||
flex-direction: column;
|
|
||||||
width: 100%;
|
|
||||||
border-top: 1px solid #fff3;
|
|
||||||
}
|
|
||||||
.rank-rows > view {
|
|
||||||
width: clac(100% - 20px);
|
|
||||||
color: #fff9;
|
|
||||||
border-bottom: 1px solid #fff3;
|
|
||||||
padding: 7px 10px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 14px;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
.rank-rows > view::-webkit-scrollbar {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
.rank-rows > view > image:first-child,
|
|
||||||
.rank-rows > view > view:first-child {
|
|
||||||
width: 20px;
|
|
||||||
height: 20px;
|
|
||||||
line-height: 20px;
|
|
||||||
text-align: center;
|
|
||||||
font-size: 12px;
|
|
||||||
margin-right: 10px;
|
|
||||||
flex: 0 0 auto;
|
|
||||||
}
|
|
||||||
.rank-rows > view > view:first-child {
|
|
||||||
background-color: #6d6d6d;
|
|
||||||
border-radius: 50%;
|
|
||||||
}
|
|
||||||
.rank-rows > view > text {
|
|
||||||
margin-left: 10px;
|
|
||||||
flex: 0 0 auto;
|
|
||||||
display: block;
|
|
||||||
width: 25px;
|
|
||||||
}
|
|
||||||
.rank-rows > view > text:nth-child(3) {
|
|
||||||
width: 80px;
|
|
||||||
}
|
|
||||||
.rank-rows > view > text:nth-child(4) {
|
|
||||||
color: #fed847;
|
|
||||||
padding-right: 10px;
|
|
||||||
border-right: 1px solid #fff3;
|
|
||||||
width: 32px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,60 +0,0 @@
|
|||||||
<script setup>
|
|
||||||
import { ref, watch, onMounted, onBeforeUnmount } from "vue";
|
|
||||||
const props = defineProps({
|
|
||||||
start: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
},
|
|
||||||
});
|
|
||||||
|
|
||||||
const count = ref(4);
|
|
||||||
const timer = ref(null);
|
|
||||||
const isIos = ref(true);
|
|
||||||
watch(
|
|
||||||
() => props.start,
|
|
||||||
(newVal) => {
|
|
||||||
if (newVal) {
|
|
||||||
if (timer.value) clearInterval(timer.value);
|
|
||||||
count.value = 4;
|
|
||||||
timer.value = setInterval(() => {
|
|
||||||
if (count.value <= 1) {
|
|
||||||
clearInterval(timer.value);
|
|
||||||
}
|
|
||||||
count.value -= 1;
|
|
||||||
}, 1000);
|
|
||||||
}
|
|
||||||
},
|
|
||||||
{
|
|
||||||
immediate: true,
|
|
||||||
}
|
|
||||||
);
|
|
||||||
onMounted(() => {
|
|
||||||
const deviceInfo = uni.getDeviceInfo();
|
|
||||||
isIos.value = deviceInfo.osName === "ios";
|
|
||||||
});
|
|
||||||
onBeforeUnmount(() => {
|
|
||||||
if (timer.value) clearInterval(timer.value);
|
|
||||||
});
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<view class="container" :style="{ top: `calc(50% - ${isIos ? 56 : 64}px)` }">
|
|
||||||
<view class="number pump-in" v-if="count === 3">3</view>
|
|
||||||
<view class="number pump-in" v-if="count === 2">2</view>
|
|
||||||
<view class="number pump-in" v-if="count === 1">1</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.container {
|
|
||||||
position: absolute;
|
|
||||||
top: calc(50% - 64px);
|
|
||||||
left: calc(50% - 30px);
|
|
||||||
}
|
|
||||||
.number {
|
|
||||||
color: #fff9;
|
|
||||||
font-size: 88px;
|
|
||||||
width: 60px;
|
|
||||||
text-align: center;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -1,214 +0,0 @@
|
|||||||
<script setup>
|
|
||||||
import { ref, watch } from "vue";
|
|
||||||
import BowTarget from "@/components/BowTarget.vue";
|
|
||||||
import Avatar from "@/components/Avatar.vue";
|
|
||||||
import { roundsName } from "@/constants";
|
|
||||||
const props = defineProps({
|
|
||||||
show: {
|
|
||||||
type: Boolean,
|
|
||||||
default: false,
|
|
||||||
},
|
|
||||||
onClose: {
|
|
||||||
type: Function,
|
|
||||||
default: () => {},
|
|
||||||
},
|
|
||||||
data: {
|
|
||||||
type: Object,
|
|
||||||
default: () => ({}),
|
|
||||||
},
|
|
||||||
});
|
|
||||||
const selected = ref(0);
|
|
||||||
const redScores = ref([]);
|
|
||||||
const blueScores = ref([]);
|
|
||||||
const tabs = ref(["所有轮次"]);
|
|
||||||
const players = ref([]);
|
|
||||||
const allRoundsScore = ref({});
|
|
||||||
const onClickTab = (index) => {
|
|
||||||
selected.value = index;
|
|
||||||
redScores.value = [];
|
|
||||||
blueScores.value = [];
|
|
||||||
const { bluePlayers, redPlayers, roundsData } = props.data;
|
|
||||||
if (index === 0) {
|
|
||||||
Object.keys(bluePlayers).forEach((p) => {
|
|
||||||
allRoundsScore.value[p] = [];
|
|
||||||
Object.values(roundsData).forEach((round) => {
|
|
||||||
allRoundsScore.value[p].push(
|
|
||||||
round[p].reduce((last, next) => last + next.ring, 0)
|
|
||||||
);
|
|
||||||
round[p].forEach((arrow) => {
|
|
||||||
blueScores.value.push(arrow);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
Object.keys(redPlayers).forEach((p) => {
|
|
||||||
allRoundsScore.value[p] = [];
|
|
||||||
Object.values(roundsData).forEach((round) => {
|
|
||||||
allRoundsScore.value[p].push(
|
|
||||||
round[p].reduce((last, next) => last + next.ring, 0)
|
|
||||||
);
|
|
||||||
round[p].forEach((arrow) => {
|
|
||||||
redScores.value.push(arrow);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
});
|
|
||||||
} else {
|
|
||||||
Object.keys(bluePlayers).forEach((p) => {
|
|
||||||
roundsData[index][p].forEach((arrow) => {
|
|
||||||
blueScores.value.push(arrow);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
Object.keys(redPlayers).forEach((p) => {
|
|
||||||
roundsData[index][p].forEach((arrow) => {
|
|
||||||
redScores.value.push(arrow);
|
|
||||||
});
|
|
||||||
});
|
|
||||||
}
|
|
||||||
};
|
|
||||||
watch(
|
|
||||||
() => props.data,
|
|
||||||
(value) => {
|
|
||||||
if (value.winner === 0) {
|
|
||||||
players.value = [
|
|
||||||
...Object.values(value.redPlayers),
|
|
||||||
...Object.values(value.bluePlayers),
|
|
||||||
];
|
|
||||||
} else if (value.winner === 1) {
|
|
||||||
players.value = [
|
|
||||||
...Object.values(value.bluePlayers),
|
|
||||||
...Object.values(value.redPlayers),
|
|
||||||
];
|
|
||||||
}
|
|
||||||
Object.keys(value.roundsData).forEach((key) => {
|
|
||||||
tabs.value.push(`第${roundsName[key]}轮`);
|
|
||||||
});
|
|
||||||
onClickTab(0);
|
|
||||||
},
|
|
||||||
{ deep: true, immediate: true }
|
|
||||||
);
|
|
||||||
</script>
|
|
||||||
|
|
||||||
<template>
|
|
||||||
<view class="container" :style="{ display: show ? 'flex' : 'none' }">
|
|
||||||
<view>
|
|
||||||
<text>1v1排位赛</text>
|
|
||||||
<view @click="onClose">
|
|
||||||
<image src="../static/close-white.png" mode="widthFix" />
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view>
|
|
||||||
<view
|
|
||||||
v-for="(tab, index) in tabs"
|
|
||||||
:key="index"
|
|
||||||
@click="() => onClickTab(index)"
|
|
||||||
:class="selected === index ? 'selected-tab' : ''"
|
|
||||||
>
|
|
||||||
{{ tab }}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
<view :style="{ width: '95%' }">
|
|
||||||
<BowTarget :scores="redScores" :blueScores="blueScores" mode="team" />
|
|
||||||
</view>
|
|
||||||
<view class="score-row" v-for="(player, index) in players" :key="index">
|
|
||||||
<Avatar
|
|
||||||
:src="player.avatar"
|
|
||||||
:borderColor="data.bluePlayers[player.playerId] ? 1 : 2"
|
|
||||||
/>
|
|
||||||
<view
|
|
||||||
v-if="selected === 0"
|
|
||||||
v-for="(ring, index) in allRoundsScore[player.playerId]"
|
|
||||||
:key="index"
|
|
||||||
class="score-item"
|
|
||||||
:style="{ width: '13vw', height: '13vw' }"
|
|
||||||
>
|
|
||||||
{{ ring }}
|
|
||||||
</view>
|
|
||||||
<view
|
|
||||||
v-if="selected > 0"
|
|
||||||
v-for="(score, index) in data.roundsData[selected][player.playerId]"
|
|
||||||
:key="index"
|
|
||||||
class="score-item"
|
|
||||||
:style="{ width: '13vw', height: '13vw' }"
|
|
||||||
>
|
|
||||||
{{ score.ring }}
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</view>
|
|
||||||
</template>
|
|
||||||
|
|
||||||
<style scoped>
|
|
||||||
.container {
|
|
||||||
width: 100vw;
|
|
||||||
height: 100vh;
|
|
||||||
position: fixed;
|
|
||||||
top: 0;
|
|
||||||
left: 0;
|
|
||||||
background-color: #232323;
|
|
||||||
flex-direction: column;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
z-index: 10;
|
|
||||||
}
|
|
||||||
.container > view:first-child {
|
|
||||||
width: 100%;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: center;
|
|
||||||
padding: 40px 0;
|
|
||||||
color: #fff;
|
|
||||||
position: relative;
|
|
||||||
font-size: 20px;
|
|
||||||
}
|
|
||||||
.container > view:first-child > view:last-child {
|
|
||||||
position: absolute;
|
|
||||||
right: 5px;
|
|
||||||
top: 32px;
|
|
||||||
}
|
|
||||||
.container > view:first-child > view:last-child > image {
|
|
||||||
width: 40px;
|
|
||||||
}
|
|
||||||
.container > view:nth-child(2) {
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-start;
|
|
||||||
width: calc(100% - 20px);
|
|
||||||
color: #fff9;
|
|
||||||
padding: 0 10px;
|
|
||||||
overflow-x: auto;
|
|
||||||
}
|
|
||||||
.container > view:nth-child(2)::-webkit-scrollbar {
|
|
||||||
width: 0;
|
|
||||||
height: 0;
|
|
||||||
color: transparent;
|
|
||||||
}
|
|
||||||
.container > view:nth-child(2) > view {
|
|
||||||
border: 1px solid #fff9;
|
|
||||||
border-radius: 20px;
|
|
||||||
padding: 7px 10px;
|
|
||||||
margin: 0 5px;
|
|
||||||
font-size: 14px;
|
|
||||||
flex: 0 0 auto;
|
|
||||||
}
|
|
||||||
.selected-tab {
|
|
||||||
background-color: #fed847;
|
|
||||||
border-color: #fed847 !important;
|
|
||||||
color: #000;
|
|
||||||
}
|
|
||||||
.score-row {
|
|
||||||
margin: 10px;
|
|
||||||
display: flex;
|
|
||||||
align-items: center;
|
|
||||||
justify-content: flex-start;
|
|
||||||
}
|
|
||||||
.score-item {
|
|
||||||
background-image: url("../static/score-bg.png");
|
|
||||||
background-size: cover;
|
|
||||||
background-repeat: no-repeat;
|
|
||||||
background-position: center;
|
|
||||||
color: #fed847;
|
|
||||||
display: flex;
|
|
||||||
justify-content: center;
|
|
||||||
align-items: center;
|
|
||||||
font-size: 24px;
|
|
||||||
margin-left: 10px;
|
|
||||||
}
|
|
||||||
</style>
|
|
||||||
@@ -4,8 +4,6 @@ import { onLoad } from "@dcloudio/uni-app";
|
|||||||
import Container from "@/components/Container.vue";
|
import Container from "@/components/Container.vue";
|
||||||
import BattleHeader from "@/components/BattleHeader.vue";
|
import BattleHeader from "@/components/BattleHeader.vue";
|
||||||
import Avatar from "@/components/Avatar.vue";
|
import Avatar from "@/components/Avatar.vue";
|
||||||
// import TeamResult from "@/components/TeamResult.vue";
|
|
||||||
// import MeleeResult from "@/components/MeleeResult.vue";
|
|
||||||
import PlayerScore2 from "@/components/PlayerScore2.vue";
|
import PlayerScore2 from "@/components/PlayerScore2.vue";
|
||||||
import { getGameAPI } from "@/apis";
|
import { getGameAPI } from "@/apis";
|
||||||
|
|
||||||
@@ -17,7 +15,6 @@ const battleId = ref("");
|
|||||||
const data = ref({
|
const data = ref({
|
||||||
players: [],
|
players: [],
|
||||||
});
|
});
|
||||||
// const show = ref(false);
|
|
||||||
|
|
||||||
onLoad(async (options) => {
|
onLoad(async (options) => {
|
||||||
if (options.id) {
|
if (options.id) {
|
||||||
@@ -255,18 +252,6 @@ const checkBowData = () => {
|
|||||||
</view>
|
</view>
|
||||||
<view :style="{ height: '20px' }"></view>
|
<view :style="{ height: '20px' }"></view>
|
||||||
</view>
|
</view>
|
||||||
<!-- <TeamResult
|
|
||||||
v-if="data.mode === 1"
|
|
||||||
:show="show"
|
|
||||||
:onClose="() => (show = false)"
|
|
||||||
:data="data"
|
|
||||||
/>
|
|
||||||
<MeleeResult
|
|
||||||
v-if="data.mode === 2"
|
|
||||||
:show="show"
|
|
||||||
:onClose="() => (show = false)"
|
|
||||||
:data="data"
|
|
||||||
/> -->
|
|
||||||
</Container>
|
</Container>
|
||||||
</template>
|
</template>
|
||||||
|
|
||||||
|
|||||||
Reference in New Issue
Block a user