From ece7e3239342a5d07cea099639e80fbae464111c Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Tue, 15 Jul 2025 14:02:09 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E5=AE=8C=E5=96=84?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/ScorePanel.vue |   1 +
 src/components/UserHeader.vue |   2 +-
 src/pages/be-vip.vue          | 145 +++++++++++++++++++++-------------
 src/pages/first-try.vue       |   1 +
 src/pages/melee-match.vue     |   1 -
 src/pages/user.vue            |   2 +-
 src/util.js                   |   4 -
 7 files changed, 93 insertions(+), 63 deletions(-)

diff --git a/src/components/ScorePanel.vue b/src/components/ScorePanel.vue
index f6c346a..0cb8265 100644
--- a/src/components/ScorePanel.vue
+++ b/src/components/ScorePanel.vue
@@ -112,6 +112,7 @@ onUnmounted(() => {
 .score-item > text {
   position: relative;
   font-weight: bold;
+  margin-top: 2px;
 }
 .complete-light {
   position: absolute;
diff --git a/src/components/UserHeader.vue b/src/components/UserHeader.vue
index 28a9049..d9c61f8 100644
--- a/src/components/UserHeader.vue
+++ b/src/components/UserHeader.vue
@@ -16,7 +16,7 @@ const props = defineProps({
   },
 });
 const nextLvlPoints = ref("");
-const containerWidth = computed(() => (props.showRank ? "72vw" : "100vw"));
+const containerWidth = computed(() => (props.showRank ? "72%" : "100%"));
 const toUserPage = () => {
   // 获取当前页面路径
   const pages = getCurrentPages();
diff --git a/src/pages/be-vip.vue b/src/pages/be-vip.vue
index 6484610..2577540 100644
--- a/src/pages/be-vip.vue
+++ b/src/pages/be-vip.vue
@@ -5,6 +5,7 @@ import Avatar from "@/components/Avatar.vue";
 import SButton from "@/components/SButton.vue";
 import SModal from "@/components/SModal.vue";
 import Signin from "@/components/Signin.vue";
+import UserHeader from "@/components/UserHeader.vue";
 import { createOrderAPI, getHomeData } from "@/apis";
 import { formatTimestamp } from "@/util";
 import useStore from "@/store";
@@ -49,69 +50,82 @@ const onPay = async () => {
     }
   }
 };
+
+const toOrderPage = () => {
+  uni.navigateTo({
+    url: "/pages/orders",
+  });
+};
 </script>
 
 <template>
   <Container title="会员说明">
-    <view>
-      <view v-if="user.id" class="header">
-        <view>
-          <Avatar :src="user.avatar" :size="35" />
-          <text class="truncate">{{ user.nickName }}</text>
-        </view>
-        <text v-if="user.expiredAt"
-          >{{ formatTimestamp(user.expiredAt) }}到期</text
-        >
+    <view v-if="user.id" class="header">
+      <view>
+        <Avatar :src="user.avatar" :size="35" />
+        <text class="truncate">{{ user.nickName }}</text>
       </view>
-      <view class="container">
-        <view class="content">
-          <view class="title-bar">
-            <view />
-            <text>VIP 介绍</text>
-          </view>
-          <view>
-            <text
-              >射灵的的VIP服务是为了正式对战打造的专属特权，让您在激烈的射击运动中充分享受与同级别想着对战的乐趣；</text
-            >
-            <text
-              >VIP的收取形式灵活多样，充分考虑到了不同用户的需求。我们提供按月收取的方式，每月仅需10元，即可轻松成为VIP会员，享受一个月的尊贵特权。这种方式适合那些希望先体验VIP服务，再决定是否长期投入的用户。您可以先购买一个月的VIP，亲身感受VIP带来的种种好处，如果觉得满意，再继续选择适合自己的购买方案。而对于那些已经确定会长期参与对战，希望持续享受VIP特权的用户，我们则推出了更为优惠的一年VIP套餐。一次性购买一年的VIP，仅需100元，平均每月不到9元，您就能全年畅享VIP的所有权益。这不仅为您节省了时间和精力，还为您带来了实实在在的经济优惠。
-              一年的时间，足够您在对战的世界中尽情驰骋，不断挑战自我，创造属于自己的辉煌战绩。</text
-            >
-            <text
-              >VIP会员还将获得专属的客服支持。当您在游戏中遇到任何问题，无论是技术故障、规则疑问还是其他需要帮助的情况，都可以随时联系我们的VIP专属客服团队。他们将为您提供24小时不间断的优质服务，以最快的速度为您解决问题，确保您的对战体验不受任何影响。</text
-            >
-            <text
-              >除了这些直接与对战相关的特权，VIP会员还将享受到一系列的福利。我们不定期为VIP会员举办专属的活动，如邀请知名对战选手进行线上交流、举办VIP会员专属的锦标赛等。在这些活动中，您不仅有机会与偶像近距离接触，还能与其他VIP会员交流心得，共同进步。同时，VIP会员在购买游戏内的道具、装备时，还将享受专属的折扣优惠。这些道具和装备能够帮助您在对战中更好地发挥自己的实力，提升您的对战体验。。</text
-            >
+      <text v-if="user.expiredAt"
+        >{{ formatTimestamp(user.expiredAt) }}到期</text
+      >
+    </view>
+    <view
+      class="container"
+      :style="{ height: !user.id ? '100%' : 'calc(100% - 62px)' }"
+    >
+      <view class="content vip-content">
+        <view class="title-bar">
+          <view />
+          <text>VIP 介绍</text>
+        </view>
+        <view>
+          <text
+            >射灵的的VIP服务是为了正式对战打造的专属特权，让您在激烈的射击运动中充分享受与同级别想着对战的乐趣；</text
+          >
+          <text
+            >VIP的收取形式灵活多样，充分考虑到了不同用户的需求。我们提供按月收取的方式，每月仅需10元，即可轻松成为VIP会员，享受一个月的尊贵特权。这种方式适合那些希望先体验VIP服务，再决定是否长期投入的用户。您可以先购买一个月的VIP，亲身感受VIP带来的种种好处，如果觉得满意，再继续选择适合自己的购买方案。而对于那些已经确定会长期参与对战，希望持续享受VIP特权的用户，我们则推出了更为优惠的一年VIP套餐。一次性购买一年的VIP，仅需100元，平均每月不到9元，您就能全年畅享VIP的所有权益。这不仅为您节省了时间和精力，还为您带来了实实在在的经济优惠。
+            一年的时间，足够您在对战的世界中尽情驰骋，不断挑战自我，创造属于自己的辉煌战绩。</text
+          >
+          <text
+            >VIP会员还将获得专属的客服支持。当您在游戏中遇到任何问题，无论是技术故障、规则疑问还是其他需要帮助的情况，都可以随时联系我们的VIP专属客服团队。他们将为您提供24小时不间断的优质服务，以最快的速度为您解决问题，确保您的对战体验不受任何影响。</text
+          >
+          <text
+            >除了这些直接与对战相关的特权，VIP会员还将享受到一系列的福利。我们不定期为VIP会员举办专属的活动，如邀请知名对战选手进行线上交流、举办VIP会员专属的锦标赛等。在这些活动中，您不仅有机会与偶像近距离接触，还能与其他VIP会员交流心得，共同进步。同时，VIP会员在购买游戏内的道具、装备时，还将享受专属的折扣优惠。这些道具和装备能够帮助您在对战中更好地发挥自己的实力，提升您的对战体验。。</text
+          >
+        </view>
+      </view>
+      <view class="content">
+        <view class="title-bar">
+          <view />
+          <text>成为射灵会员</text>
+        </view>
+        <view class="vip-items">
+          <view
+            v-for="(item, index) in config.vipMenus || []"
+            :key="index"
+            :style="{
+              color: selectedVIP === index ? '#fff' : '#333333',
+              borderColor: selectedVIP === index ? '#FF7D57' : '#eee',
+              background:
+                selectedVIP === index
+                  ? '#FF7D57'
+                  : 'linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%)',
+            }"
+            @click="() => (selectedVIP = index)"
+          >
+            {{ item.name }}
           </view>
         </view>
-        <view class="content">
-          <view class="title-bar">
-            <view />
-            <text>成为射灵会员</text>
-          </view>
-          <view class="vip-items">
-            <view
-              v-for="(item, index) in config.vipMenus || []"
-              :key="index"
-              :style="{
-                color: selectedVIP === index ? '#fff' : '#333333',
-                borderColor: selectedVIP === index ? '#FF7D57' : '#eee',
-                background:
-                  selectedVIP === index
-                    ? '#FF7D57'
-                    : 'linear-gradient(180deg, #fbfbfb 0%, #f5f5f5 100%)',
-              }"
-              @click="() => (selectedVIP = index)"
-            >
-              {{ item.name }}
-            </view>
-          </view>
+      </view>
+      <SButton :onClick="onPay">支付</SButton>
+      <SModal :show="showModal" :onClose="() => (showModal = false)">
+        <Signin :onClose="() => (showModal = false)" />
+      </SModal>
+      <view class="my-orders" v-if="user.id">
+        <view @click="toOrderPage">
+          <text>我的订单</text>
+          <image src="../static/enter-arrow-blue.png" mode="widthFix" />
         </view>
-        <SButton :onClick="onPay">支付</SButton>
-        <SModal :show="showModal" :onClose="() => (showModal = false)">
-          <Signin :onClose="() => (showModal = false)" />
-        </SModal>
       </view>
     </view>
   </Container>
@@ -142,7 +156,6 @@ const onPay = async () => {
 }
 .container {
   width: 100%;
-  height: 100%;
   background-color: #f5f5f5;
   padding-top: 10px;
 }
@@ -189,4 +202,24 @@ const onPay = async () => {
   border-radius: 10px;
   text-align: center;
 }
+.vip-content {
+  height: 62%;
+}
+.vip-content > view:nth-child(2) {
+  overflow: auto;
+}
+.my-orders {
+  display: flex;
+  justify-content: center;
+  color: #39a8ff;
+  margin-top: 10px;
+  font-size: 13px;
+}
+.my-orders > view {
+  display: flex;
+  align-items: center;
+}
+.my-orders > view > image {
+  width: 15px;
+}
 </style>
diff --git a/src/pages/first-try.vue b/src/pages/first-try.vue
index 8667817..68093f3 100644
--- a/src/pages/first-try.vue
+++ b/src/pages/first-try.vue
@@ -143,6 +143,7 @@ const onClose = () => {
   ) {
     setTimeout(() => {
       practiseResult.value = {};
+      showGuide.value = false;
       step.value = 5;
     }, 500);
   } else {
diff --git a/src/pages/melee-match.vue b/src/pages/melee-match.vue
index 5e0c1db..195fa22 100644
--- a/src/pages/melee-match.vue
+++ b/src/pages/melee-match.vue
@@ -25,7 +25,6 @@ const start = ref(false);
 const countDown = ref(90);
 const battleId = ref("");
 const currentRound = ref(1);
-const totalRounds = ref(0);
 const power = ref(0);
 const scores = ref([]);
 const tips = ref("即将开始...");
diff --git a/src/pages/user.vue b/src/pages/user.vue
index 65949e1..020ac1b 100644
--- a/src/pages/user.vue
+++ b/src/pages/user.vue
@@ -56,7 +56,7 @@ const logout = () => {
 <template>
   <Container title="用户信息">
     <view :style="{ width: '100%' }">
-      <UserHeader :user="user" />
+      <UserHeader />
       <view class="container">
         <UserItem title="用户名">{{ user.nickName }}</UserItem>
         <UserItem title="头像">
diff --git a/src/util.js b/src/util.js
index cac1643..e43fcdc 100644
--- a/src/util.js
+++ b/src/util.js
@@ -15,10 +15,6 @@ export const checkConnection = () => {
     fail: () => {
       const token = uni.getStorageSync("token");
       if (!token) return;
-      uni.showToast({
-        title: "连接中...",
-        icon: "none",
-      });
       // 如果发送失败，说明连接已断开，需要重新连接
       websocket.createWebSocket(token, (content) => {
         uni.$emit("socket-inbox", content);