From 88fbc93d97522bdecc53269503e803fd88adda17 Mon Sep 17 00:00:00 2001
From: kron <kai_hong@126.com>
Date: Fri, 9 Jan 2026 18:18:33 +0800
Subject: [PATCH] =?UTF-8?q?=E6=B7=BB=E5=8A=A0swiper?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/pages/my-growth.vue | 126 +++++++++++++++++++++-------------------
 1 file changed, 67 insertions(+), 59 deletions(-)

diff --git a/src/pages/my-growth.vue b/src/pages/my-growth.vue
index 9cde7ec..54f9569 100644
--- a/src/pages/my-growth.vue
+++ b/src/pages/my-growth.vue
@@ -70,66 +70,74 @@ const onPractiseLoading = async (page) => {
       </view>
     </view>
     <view class="contents">
-      <ScrollList :show="selectedIndex === 0" :onLoading="onMatchLoading">
-        <view
-          v-for="(item, index) in matchList"
-          :key="index"
-          @click="() => toMatchDetail(item.battleId)"
-        >
-          <view class="contest-header">
-            <text>{{ item.name }}</text>
-            <text>{{ item.createdAt }}</text>
-            <image src="../static/back.png" mode="widthFix" />
-          </view>
-          <BattleHeader
-            :players="item.mode === 1 ? [] : item.players"
-            :blueTeam="item.bluePlayers"
-            :redTeam="item.redPlayers"
-            :winner="item.winner"
-            :showRank="item.mode === 2"
-            :showHeader="false"
-          />
-        </view>
-      </ScrollList>
-      <ScrollList :show="selectedIndex === 1" :onLoading="onBattleLoading">
-        <view
-          v-for="(item, index) in battleList"
-          :key="index"
-          @click="() => toMatchDetail(item.battleId)"
-        >
-          <view class="contest-header">
-            <text>{{ item.name }}</text>
-            <text>{{ item.createdAt }}</text>
-            <image src="../static/back.png" mode="widthFix" />
-          </view>
-          <BattleHeader
-            :players="item.mode === 1 ? [] : item.players"
-            :blueTeam="item.bluePlayers"
-            :redTeam="item.redPlayers"
-            :winner="item.winner"
-            :showRank="item.mode === 2"
-            :showHeader="false"
-          />
-        </view>
-      </ScrollList>
-      <ScrollList
-        :show="selectedIndex === 2"
-        :onLoading="onPractiseLoading"
-        :pageSize="15"
+      <swiper
+        :current="selectedIndex"
+        @change="(e) => (selectedIndex = e.detail.current)"
+        :style="{ height: '100%' }"
       >
-        <view
-          v-for="(item, index) in practiseList"
-          :key="index"
-          class="practice-record"
-          @click="() => getPractiseDetail(item.id)"
-        >
-          <text
-            >{{ item.completed_arrows === 36 ? "耐力挑战" : "单组练习" }}
-            {{ item.createdAt }}</text
-          >
-          <image src="../static/back.png" mode="widthFix" />
-        </view>
-      </ScrollList>
+        <swiper-item>
+          <ScrollList :onLoading="onMatchLoading">
+            <view
+              v-for="(item, index) in matchList"
+              :key="index"
+              @click="() => toMatchDetail(item.battleId)"
+            >
+              <view class="contest-header">
+                <text>{{ item.name }}</text>
+                <text>{{ item.createdAt }}</text>
+                <image src="../static/back.png" mode="widthFix" />
+              </view>
+              <BattleHeader
+                :players="item.mode === 1 ? [] : item.players"
+                :blueTeam="item.bluePlayers"
+                :redTeam="item.redPlayers"
+                :winner="item.winner"
+                :showRank="item.mode === 2"
+                :showHeader="false"
+              />
+            </view>
+          </ScrollList>
+        </swiper-item>
+        <swiper-item>
+          <ScrollList :onLoading="onBattleLoading">
+            <view
+              v-for="(item, index) in battleList"
+              :key="index"
+              @click="() => toMatchDetail(item.battleId)"
+            >
+              <view class="contest-header">
+                <text>{{ item.name }}</text>
+                <text>{{ item.createdAt }}</text>
+                <image src="../static/back.png" mode="widthFix" />
+              </view>
+              <BattleHeader
+                :players="item.mode === 1 ? [] : item.players"
+                :blueTeam="item.bluePlayers"
+                :redTeam="item.redPlayers"
+                :winner="item.winner"
+                :showRank="item.mode === 2"
+                :showHeader="false"
+              />
+            </view>
+          </ScrollList>
+        </swiper-item>
+        <swiper-item>
+          <ScrollList :onLoading="onPractiseLoading" :pageSize="15">
+            <view
+              v-for="(item, index) in practiseList"
+              :key="index"
+              class="practice-record"
+              @click="() => getPractiseDetail(item.id)"
+            >
+              <text
+                >{{ item.completed_arrows === 36 ? "耐力挑战" : "单组练习" }}
+                {{ item.createdAt }}</text
+              >
+              <image src="../static/back.png" mode="widthFix" />
+            </view>
+          </ScrollList>
+        </swiper-item>
+      </swiper>
     </view>
   </Container>
 </template>