From c9eaeedc0d78727d974fe4e5f63b3cfec4375d5d Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Thu, 4 Sep 2025 13:54:39 +0800
Subject: [PATCH] =?UTF-8?q?=E7=BB=86=E8=8A=82=E8=B0=83=E6=95=B4?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/about-us.vue     |  10 ++--
 src/pages/be-vip.vue       |   1 +
 src/pages/device-intro.vue | 104 ++++++++++++++++++++++++++++---------
 src/pages/index.vue        |   3 +-
 src/pages/ranking.vue      |   3 +-
 5 files changed, 89 insertions(+), 32 deletions(-)

diff --git a/src/pages/about-us.vue b/src/pages/about-us.vue
index ca23cf9..a5928e5 100644
--- a/src/pages/about-us.vue
+++ b/src/pages/about-us.vue
@@ -9,11 +9,11 @@ const { user } = storeToRefs(store);
 const isIos = ref(false);
 
 const openLink = () => {
-  uni.navigateTo({
-    url:
-      "/pages/webview?url=" +
-      encodeURIComponent("https://www.beian.miit.gov.cn/"),
-  });
+  // uni.navigateTo({
+  //   url:
+  //     "/pages/webview?url=" +
+  //     encodeURIComponent("https://beian.miit.gov.cn/"),
+  // });
 };
 onMounted(() => {
   const deviceInfo = uni.getDeviceInfo();
diff --git a/src/pages/be-vip.vue b/src/pages/be-vip.vue
index d987c06..b4b3412 100644
--- a/src/pages/be-vip.vue
+++ b/src/pages/be-vip.vue
@@ -234,6 +234,7 @@ onBeforeUnmount(() => {
   padding: 12px 0;
   border-radius: 10px;
   text-align: center;
+  font-size: 27rpx;
 }
 .vip-content {
   max-height: 62%;
diff --git a/src/pages/device-intro.vue b/src/pages/device-intro.vue
index 85e9c27..a0bfcf7 100644
--- a/src/pages/device-intro.vue
+++ b/src/pages/device-intro.vue
@@ -1,46 +1,100 @@
 <script setup>
-import Container from "@/components/Container.vue";
+import { ref, onMounted } from "vue";
 import SButton from "@/components/SButton.vue";
+
+const images = [
+  "https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmf6yitekatwe.jpg",
+  "https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmi475gqdtrvx.jpg",
+  "https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmgy8ej5wuap5.jpg",
+  "https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmg6y7nveaadv.jpg",
+  "https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmfhqew0xhy6i.jpg",
+  "https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmhs38abrqfyp.jpg",
+  "https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmgnj4rttovk3.jpg",
+  "https://static.shelingxingqiu.com/attachment/2025-09-04/dcjmxsmg68a8mezgzx.jpg",
+];
+
+const addBg = ref("");
+const capsuleHeight = ref(0);
+onMounted(async () => {
+  const menuBtnInfo = uni.getMenuButtonBoundingClientRect();
+  capsuleHeight.value = menuBtnInfo.top - 9;
+});
+
+const onScrollView = (e) => {
+  addBg.value = e.detail.scrollTop > 100;
+};
 </script>
 
 <template>
-  <Container title="智能弓箭">
-    <view class="container">
+  <view class="container">
+    <view
+      class="header"
+      :style="{
+        paddingTop: capsuleHeight + 'px',
+      }"
+    >
       <image
-        src="https://static.shelingxingqiu.com/attachment/2025-08-07/dbw5tq93d6n7xgtgvp.png"
+        v-if="addBg"
+        class="bg-image"
+        src="../static/app-bg.png"
         mode="widthFix"
       />
-      <text>商品形象图及配图标题</text>
+      <navigator open-type="navigateBack">
+        <image class="header-back" src="../static/back.png" mode="widthFix" />
+      </navigator>
       <text
-        >在射灵世界中，等级是衡量您射箭技能的重要指标，而点数则是您提升等级的关键。具体的要求如下
-        每射出一支箭并上靶：无论您射出的箭命中哪个环数，只要箭成功上靶，您将获得1点基础点数。这是您积累点数的基本方式，每一次射箭都是您向更高目标迈进的一步。
-        射出的箭命中7-9环：当您的箭命中7环、8环或9环时，除了获得1点基础点数外，还将额外获得0.5点基础点数；
-        射出的箭命中10环：命中10环是射箭中的最高成就，因此，当您的箭命中10环时，除了获得1点基础点数外，还将额外获得1点基础点数.即每次命中10环将总共获得？</text
+        :style="{ opacity: addBg ? 1 : 0, color: '#fff', fontWeight: 'bold' }"
       >
-      <SButton>加官方企业微信订购（有优惠）</SButton>
+        本赛季排行榜
+      </text>
     </view>
-  </Container>
+    <scroll-view scroll-y @scroll="onScrollView" :style="{ height: '100vh' }">
+      <view class="images">
+        <image v-for="src in images" :key="src" :src="src" mode="widthFix" />
+      </view>
+    </scroll-view>
+  </view>
 </template>
 
 <style scoped>
 .container {
+  width: 100%;
+}
+.header-bg {
+  width: 100%;
+}
+.header {
+  width: 100%;
+  height: 50px;
+  display: flex;
+  align-items: center;
+  position: fixed;
+  top: 0;
+  transition: all 0.3s ease;
+  z-index: 10;
+  overflow: hidden;
+}
+.header-back {
+  width: 22px;
+  height: 22px;
+  margin: 0px 15px;
+  margin-top: 5px;
+  position: relative;
+}
+.bg-image {
+  width: 100vw;
+  height: 100vh;
+  position: absolute;
+  top: 0;
+  left: 0;
+}
+.images {
   display: flex;
   flex-direction: column;
   align-items: center;
+  justify-content: flex-start;
 }
-.container > image {
-  width: 85%;
-  border-radius: 10px;
-  margin-top: 10px;
-}
-.container > text {
-  color: #fff;
-  margin: 20px 0;
-}
-.container > text:nth-child(3) {
-  font-size: 14px;
-  color: #fff9;
-  margin-top: 0;
-  padding: 0 15px;
+.images > image {
+  width: 100vw;
 }
 </style>
diff --git a/src/pages/index.vue b/src/pages/index.vue
index 12214c7..d60cc58 100644
--- a/src/pages/index.vue
+++ b/src/pages/index.vue
@@ -59,6 +59,7 @@ const toRankListPage = () => {
 
 onShow(async () => {
   const rankList = await getRankListAPI();
+  console.log("排行数据", rankList);
   updateRank(rankList);
   const token = uni.getStorageSync("token");
   if (token) {
@@ -173,7 +174,7 @@ const comingSoon = () => {
                   </view>
                 </block>
               </block>
-              <view class="more-players">
+              <view v-show="rankData.rank.length" class="more-players">
                 <text>{{ rankData.rank.length }}</text>
               </view>
             </view>
diff --git a/src/pages/ranking.vue b/src/pages/ranking.vue
index 8492231..fc74f90 100644
--- a/src/pages/ranking.vue
+++ b/src/pages/ranking.vue
@@ -191,7 +191,7 @@ onShow(async () => {
           </view>
           <view class="my-rank-score">
             <image src="../static/bubble-tip5.png" mode="widthFix" />
-            <text>积分：{{ rankData.user.scores }}</text>
+            <text>积分：{{ Math.max(0, rankData.user.scores) }}</text>
           </view>
         </view>
         <view class="battle-types">
@@ -511,6 +511,7 @@ onShow(async () => {
   padding: 7px 10px;
   text-align: center;
   border-radius: 20px;
+  font-size: 30rpx;
 }
 .rank-item {
   width: calc(100% - 30px);