diff --git a/src/App.vue b/src/App.vue index 4401390..32a20f9 100644 --- a/src/App.vue +++ b/src/App.vue @@ -186,4 +186,11 @@ button::after { align-items: center; justify-content: center; } +.user-row { + display: flex; + align-items: center; + justify-content: space-between; + padding: 0 15px; + padding-top: 20px; +} diff --git a/src/components/Avatar.vue b/src/components/Avatar.vue index ade0865..efbb002 100644 --- a/src/components/Avatar.vue +++ b/src/components/Avatar.vue @@ -77,7 +77,7 @@ watch( /> {{ rank }} {{ bow.ring }}{{ index + 1 }} @@ -205,7 +205,7 @@ const simulShoot2 = async () => { {{ scores.length ? scores[scores.length - 1] : "" }} - + diff --git a/src/components/Container.vue b/src/components/Container.vue index 627c7ff..58431e5 100644 --- a/src/components/Container.vue +++ b/src/components/Container.vue @@ -46,6 +46,9 @@ onShow(() => { const backToGame = debounce(async () => { const result = await getCurrentGameAPI(); }); +const goBack = () => { + uni.navigateBack(); +}; @@ -86,7 +99,7 @@ const backToGame = debounce(async () => { justify-content: space-between; overflow-x: hidden; } -.back-to-game { +.tip-content { flex-direction: column; display: flex; align-items: center; @@ -95,14 +108,17 @@ const backToGame = debounce(async () => { width: 100%; font-size: 14px; } -.back-to-game > view { +.tip-content > text { + text-align: center; +} +.tip-content > view { display: flex; align-items: center; justify-content: space-around; margin-top: 50rpx; width: 100%; } -.back-to-game > view > button { +.tip-content > view > button { padding: 12px; border-radius: 20px; background-color: #fff6; @@ -110,7 +126,7 @@ const backToGame = debounce(async () => { width: 45%; font-size: 16px; } -.back-to-game > view > button:first-child { +.tip-content > view > button:first-child { background-color: #fed847; color: #000; } diff --git a/src/components/Header.vue b/src/components/Header.vue index 0e27d75..9f25ce9 100644 --- a/src/components/Header.vue +++ b/src/components/Header.vue @@ -30,18 +30,29 @@ onMounted(() => { - + {{ title }} - + - 凹造型 + 凹造型 - - 感知距离 - - 小试牛刀 @@ -87,5 +98,6 @@ onMounted(() => { .current-step { font-size: 16px; color: #fff; + font-weight: bold; } diff --git a/src/components/PlayerScore2.vue b/src/components/PlayerScore2.vue index 2a5ad1c..a755b30 100644 --- a/src/components/PlayerScore2.vue +++ b/src/components/PlayerScore2.vue @@ -133,7 +133,7 @@ const rowCount = new Array(6).fill(0); display: flex; } .container > view:nth-child(2) > view text { - width: 32px; + width: 36px; text-align: center; display: block; } @@ -146,13 +146,13 @@ const rowCount = new Array(6).fill(0); } .container > view:nth-child(3) { display: flex; + flex-direction: column; align-items: center; padding-left: 10px; + width: 100%; } -.container > view:nth-child(3) > text:first-child { - width: 40px; -} -.container > view:nth-child(3) > text:last-child { - width: 60px; +.container > view:nth-child(3) > text { + text-align: center; + margin: 5px 0; } diff --git a/src/components/ShootProgress.vue b/src/components/ShootProgress.vue index 3e0a428..d33a3c3 100644 --- a/src/components/ShootProgress.vue +++ b/src/components/ShootProgress.vue @@ -62,15 +62,15 @@ watch( } if (!oldVal && newVal === true) { remain.value = props.total; - setTimeout(() => { - timer.value = setInterval(() => { - if (remain.value > 0) { - remain.value--; - } else { - props.onTimeIsUp(); - } - }, 1000); - }, 3000); + // setTimeout(() => { + timer.value = setInterval(() => { + if (remain.value > 0) { + remain.value--; + } else { + props.onTimeIsUp(); + } + }, 1000); + // }, 3000); } else { if (timer.value) clearInterval(timer.value); } diff --git a/src/components/TestDistance.vue b/src/components/TestDistance.vue index f13ca2b..b93152e 100644 --- a/src/components/TestDistance.vue +++ b/src/components/TestDistance.vue @@ -64,19 +64,27 @@ onUnmounted(() => { + + + + - - 当前距离{{ distance }}米 - 已达到距离要求 - 请调整站位 + + + 当前距离{{ distance }}米 + 已达到距离要求 + 请调整站位 + + + 大人,请射箭 + {{ debugInfo }} - 模拟射箭 @@ -92,6 +100,7 @@ onUnmounted(() => { } .text-bg { width: 100%; + transform: translateY(-50px); } .warnning-text { position: fixed; @@ -100,8 +109,9 @@ onUnmounted(() => { display: flex; flex-direction: column; align-items: center; + width: 54vw; left: calc(50% - 27vw); - top: 30%; + top: 34%; } .warnning-text > text { width: 60vw; @@ -113,6 +123,7 @@ onUnmounted(() => { align-items: center; padding: 15px; margin-top: -27vw; + position: relative; } .debug-text { position: fixed; diff --git a/src/pages/battle-room.vue b/src/pages/battle-room.vue index 4f59cb2..1ae291c 100644 --- a/src/pages/battle-room.vue +++ b/src/pages/battle-room.vue @@ -305,6 +305,14 @@ const setClipboardData = () => { }); }; +const onBack = () => { + if (battleId.value) { + uni.$showHint(2); + } else { + showModal.value = true; + } +}; + onMounted(() => { uni.$on("socket-inbox", onReceiveMessage); }); @@ -318,11 +326,7 @@ onUnmounted(() => { diff --git a/src/pages/practise-two.vue b/src/pages/practise-two.vue index 1517661..ebb4498 100644 --- a/src/pages/practise-two.vue +++ b/src/pages/practise-two.vue @@ -93,7 +93,7 @@ onUnmounted(() => { :tips="`请连续射箭${total}支`" :total="120" /> - + @@ -131,11 +131,4 @@ onUnmounted(() => { diff --git a/src/pages/rank-list.vue b/src/pages/rank-list.vue index ccbffed..6e7aca7 100644 --- a/src/pages/rank-list.vue +++ b/src/pages/rank-list.vue @@ -39,7 +39,6 @@ const handleSelect = (index) => { const onScrollView = (e) => { headerColor.value = e.detail.scrollTop > 100 ? "orange" : ""; - console.log(1111, e.detail); }; const subTitles = ["排位赛积分", "本周MVP次数", "本周十环次数"]; diff --git a/src/pages/ranking.vue b/src/pages/ranking.vue index b980000..ae5417c 100644 --- a/src/pages/ranking.vue +++ b/src/pages/ranking.vue @@ -262,7 +262,7 @@ const toRankListPage = () => { /> {{ index + 1 }} diff --git a/src/pages/team-match.vue b/src/pages/team-match.vue index c2975ed..f45068a 100644 --- a/src/pages/team-match.vue +++ b/src/pages/team-match.vue @@ -12,7 +12,6 @@ import BattleFooter from "@/components/BattleFooter.vue"; 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 TestDistance from "@/components/TestDistance.vue"; import { matchGameAPI, readyGameAPI } from "@/apis"; @@ -43,7 +42,6 @@ const redPoints = ref(0); const bluePoints = ref(0); const showRoundTip = ref(false); const onComplete = ref(null); -const showModal = ref(false); const isFinalShoot = ref(false); onLoad(async (options) => { @@ -172,7 +170,7 @@ async function onReceiveMessage(messages = []) { } const onBack = () => { if (battleId.value) { - showModal.value = true; + uni.$showHint(2); } else { uni.navigateBack(); } @@ -248,11 +246,6 @@ onUnmounted(() => { :onComplete="onComplete" /> - - 排位赛进行过程无法退出 - 准备完毕