From 5709035d4b80bc8cf6d1e4ec5fbc9230350ec399 Mon Sep 17 00:00:00 2001 From: kron Date: Tue, 12 Aug 2025 18:33:39 +0800 Subject: [PATCH] =?UTF-8?q?UI=E6=9B=B4=E6=96=B0?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/components/BattleHeader.vue | 114 ++++++++++++++---------- src/components/CreateRoom.vue | 21 +++-- src/pages/battle-result.vue | 152 +++++++++++++++++++++++--------- src/pages/battle-room.vue | 18 ++-- src/pages/friend-battle.vue | 99 ++++++++++++++++++++- src/pages/my-growth.vue | 105 ++-------------------- src/pages/practise.vue | 123 +++++++++++++++++++++----- src/pages/ranking.vue | 65 +++++++++++--- src/pages/team-bow-data.vue | 118 +++++++++++++++---------- src/static/battle-choose.png | Bin 0 -> 7946 bytes src/static/battle10.png | Bin 8945 -> 6274 bytes src/static/battle1v1.png | Bin 9963 -> 5711 bytes src/static/battle2v2.png | Bin 0 -> 4217 bytes src/static/battle3v3.png | Bin 0 -> 3603 bytes src/static/battle5.png | Bin 7700 -> 6477 bytes src/static/blue-team-win.png | Bin 0 -> 28061 bytes src/static/practise-bg.png | Bin 45370 -> 0 bytes src/static/red-team-win.png | Bin 0 -> 28614 bytes src/static/star-full.png | Bin 0 -> 1190 bytes src/static/star-half.png | Bin 0 -> 1501 bytes src/static/title-mvp.png | Bin 0 -> 3916 bytes src/static/winner-badge.png | Bin 3480 -> 1220 bytes 22 files changed, 530 insertions(+), 285 deletions(-) create mode 100644 src/static/battle-choose.png create mode 100644 src/static/battle2v2.png create mode 100644 src/static/battle3v3.png create mode 100644 src/static/blue-team-win.png delete mode 100644 src/static/practise-bg.png create mode 100644 src/static/red-team-win.png create mode 100644 src/static/star-full.png create mode 100644 src/static/star-half.png create mode 100644 src/static/title-mvp.png diff --git a/src/components/BattleHeader.vue b/src/components/BattleHeader.vue index 4dbb57d..6ac4c10 100644 --- a/src/components/BattleHeader.vue +++ b/src/components/BattleHeader.vue @@ -22,16 +22,61 @@ defineProps({ type: Number, default: 2, }, + showHeader: { + type: Boolean, + default: true, + }, }); @@ -81,7 +102,6 @@ defineProps({ width: 100%; position: relative; margin-bottom: 10px; - padding-top: 5px; } .container > image:first-child { position: absolute; @@ -92,24 +112,16 @@ defineProps({ .players { display: flex; } -.players::-webkit-scrollbar { - width: 0; - height: 0; - color: transparent; -} .players > view { width: 50%; - height: 85px; - display: flex; - flex-direction: column; - align-items: center; - justify-content: center; + height: 80px; color: #fff9; font-size: 12px; - margin-top: 15px; overflow: hidden; position: relative; - padding-top: 5px; + padding-top: 7px; + display: flex; + justify-content: center; } .players > view:first-child { background-color: #364469; @@ -119,17 +131,27 @@ defineProps({ } .players > view > image:last-child { position: absolute; - width: 60px; - right: 0; - bottom: 0; + width: 40px; + top: 0; + left: 0; +} +.players > view > view { + display: flex; + flex-direction: column; + align-items: center; + justify-content: center; } .players-melee { display: flex; - height: 85px; + height: 80px; width: 100%; - margin-top: 15px; overflow-x: auto; } +.players-melee::-webkit-scrollbar { + width: 0; + height: 0; + color: transparent; +} .players-melee > view { display: flex; flex-direction: column; @@ -137,7 +159,7 @@ defineProps({ justify-content: center; color: #fff9; font-size: 12px; - padding-top: 5px; + padding-top: 7px; flex: 0 0 auto; } .player-name { diff --git a/src/components/CreateRoom.vue b/src/components/CreateRoom.vue index a53966e..96cc25a 100644 --- a/src/components/CreateRoom.vue +++ b/src/components/CreateRoom.vue @@ -69,13 +69,19 @@ const setClipboardData = () => { > 乱斗模式(3-10人) - + 对抗模式(2V2) - 敬请期待 + - + 对抗模式(3V3) - 敬请期待 + 下一步 @@ -132,13 +138,13 @@ const setClipboardData = () => { border: 4rpx solid #fff3; border-color: #fed847; } -.battle-close { +/* .battle-close { background-color: #8889; color: #b3b3b3; } .battle-close > text:last-child { font-size: 12px; -} +} */ .room-info { display: flex; flex-direction: column; @@ -151,9 +157,6 @@ const setClipboardData = () => { color: #fff; margin-bottom: 20px; } -.room-info > view:first-child > text:last-child { - /* color: #fed847; */ -} .room-info > text { color: #888686; font-size: 14px; diff --git a/src/pages/battle-result.vue b/src/pages/battle-result.vue index fbb7e43..f1f076e 100644 --- a/src/pages/battle-result.vue +++ b/src/pages/battle-result.vue @@ -21,7 +21,8 @@ function exit() { } onLoad(async (options) => { - const myId = user.value.id; + // const myId = user.value.id; + const myId = 39; if (options.battleId) { const result = await getGameAPI( options.battleId || "BATTLE-1754302650041171466-546" @@ -86,16 +87,10 @@ const checkBowData = () => { @@ -263,52 +220,6 @@ const onPractiseLoading = async (page) => { width: 15px; transform: rotate(180deg); } -.player { - display: flex; - flex-direction: column; - align-items: center; - color: #fff9; - padding-top: 10px; - padding-bottom: 5px; - position: relative; - flex: 0 0 auto; -} -.player > text { - margin-top: 5px; - font-size: 12px; - white-space: nowrap; - overflow: hidden; - text-overflow: ellipsis; - width: 90%; - text-align: center; -} -.player > image:last-child { - position: absolute; - width: 60px; - right: 0; - bottom: 0; -} -.contest-team, -.contest-melee { - width: 100%; - display: flex; - margin-bottom: 10px; - overflow-x: auto; -} -.contest-melee::-webkit-scrollbar { - width: 0; - height: 0; - color: transparent; -} -.contest-team > view { - width: 50%; -} -.contest-team > view:first-child { - background-color: #364469; -} -.contest-team > view:last-child { - background-color: #692735; -} .practice-record { color: #fff9; border-bottom: 1px solid #fff9; diff --git a/src/pages/practise.vue b/src/pages/practise.vue index d01d146..a725889 100644 --- a/src/pages/practise.vue +++ b/src/pages/practise.vue @@ -1,6 +1,12 @@