From abedd2bc71c228604cd6587a0e8f6744c39eaa79 Mon Sep 17 00:00:00 2001
From: landaiqing <landaiqing@126.com>
Date: Mon, 15 Sep 2025 18:56:26 +0800
Subject: [PATCH] :bug: Fixed packaging issues

---
 src/pages/ranking/ranking.vue | 247 +++++++++++++++++-----------------
 1 file changed, 124 insertions(+), 123 deletions(-)

diff --git a/src/pages/ranking/ranking.vue b/src/pages/ranking/ranking.vue
index 9e2a797..f2b565e 100644
--- a/src/pages/ranking/ranking.vue
+++ b/src/pages/ranking/ranking.vue
@@ -1,10 +1,10 @@
 <route lang="json">
 {
-  "style": {
-    "navigationBarTitleText": "排行榜",
-    "navigationBarBackgroundColor": "#2D5E3E",
-    "navigationBarTextStyle": "white"
-  }
+"style": {
+"navigationBarTitleText": "排行榜",
+"navigationBarBackgroundColor": "#2D5E3E",
+"navigationBarTextStyle": "white"
+}
 }
 </route>
 
@@ -20,7 +20,10 @@
         />
         <view class="user-info">
           <text class="user-name">{{ userRankInfo.studentName }}</text>
-          <text class="user-school">{{ userRankInfo.schoolName }} {{ userRankInfo.gradeName }} {{ userRankInfo.className }}</text>
+          <text class="user-school">{{ userRankInfo.schoolName }} {{ userRankInfo.gradeName }} {{
+              userRankInfo.className
+            }}
+          </text>
           <view class="score-info">
             <view class="score-item">
               <text class="score-label">总积分</text>
@@ -60,7 +63,7 @@
           :class="{ active: currentScope === scope.key }"
           @tap="switchScope(scope.key)"
         >
-          <uni-icons :type="scope.icon" size="16" :color="currentScope === scope.key ? '#FFFFFF' : '#2D5E3E'" />
+          <uni-icons :type="scope.icon" size="16" :color="currentScope === scope.key ? '#FFFFFF' : '#2D5E3E'"/>
           <text class="scope-text">{{ scope.name }}</text>
           <view v-if="getUserRankByScope(scope.key)" class="user-rank-badge">
             <text class="rank-text">第{{ getUserRankByScope(scope.key) }}名</text>
@@ -170,7 +173,7 @@
 
         <!-- 空状态 -->
         <view v-if="currentRankingList.length === 0" class="empty-state">
-          <uni-icons type="list" size="60" color="#CCCCCC" />
+          <uni-icons type="list" size="60" color="#CCCCCC"/>
           <text class="empty-text">暂无排行数据</text>
         </view>
       </scroll-view>
@@ -180,7 +183,7 @@
     <view class="encouragement-section">
       <ZhuziCard class="encouragement-card">
         <view class="encouragement-content">
-          <uni-icons type="star" size="20" color="#DAA520" />
+          <uni-icons type="star" size="20" color="#DAA520"/>
           <text class="encouragement-text">{{ encouragementText }}</text>
         </view>
       </ZhuziCard>
@@ -189,8 +192,8 @@
 </template>
 
 <script setup lang="ts">
-import type { RankingItem } from '@/mocks/ranking'
-import { computed, ref } from 'vue'
+import type {RankingItem} from '@/mocks/ranking'
+import {computed, ref} from 'vue'
 import {
   mockCityRanking,
   mockClassRanking,
@@ -207,17 +210,17 @@ const currentScope = ref<'class' | 'grade' | 'school' | 'district' | 'city'>('cl
 
 // 时间维度选项卡
 const timeTabs = [
-  { key: 'total' as const, name: '总榜' },
-  { key: 'month' as const, name: '月榜' },
+  {key: 'total' as const, name: '总榜'},
+  {key: 'month' as const, name: '月榜'},
 ]
 
 // 范围维度选项卡
 const scopeTabs = [
-  { key: 'class' as const, name: '班级榜', icon: 'person' },
-  { key: 'grade' as const, name: '年级榜', icon: 'persons' },
-  { key: 'school' as const, name: '全校榜', icon: 'home' },
-  { key: 'district' as const, name: '全区榜', icon: 'location' },
-  { key: 'city' as const, name: '全市榜', icon: 'map' },
+  {key: 'class' as const, name: '班级榜', icon: 'person'},
+  {key: 'grade' as const, name: '年级榜', icon: 'persons'},
+  {key: 'school' as const, name: '全校榜', icon: 'home'},
+  {key: 'district' as const, name: '全区榜', icon: 'location'},
+  {key: 'city' as const, name: '全市榜', icon: 'map'},
 ]
 
 // 当前排行榜数据
@@ -277,14 +280,11 @@ const encouragementText = computed(() => {
 
   if (userRank <= 3) {
     return '太棒了！您已进入前三名，继续保持！'
-  }
-  else if (userRank <= 10) {
+  } else if (userRank <= 10) {
     return '表现优秀！向前三名发起冲击吧！'
-  }
-  else if (userRank <= 20) {
+  } else if (userRank <= 20) {
     return '成绩不错！再接再厉进入前十名！'
-  }
-  else {
+  } else {
     return '学而时习之，不亦说乎！坚持学习必有收获！'
   }
 })
@@ -544,119 +544,120 @@ onShareAppMessage(() => {
             font-weight: bold;
             color: #1e3a8a;
 
-              color: #fbbf24;
-            }
-            &.second {
-              color: #9ca3af;
-            }
-            &.third {
-              color: #d97706;
-            }
+            color: #fbbf24;
+          }
+
+          &.second {
+            color: #9ca3af;
+          }
+
+          &.third {
+            color: #d97706;
           }
         }
+      }
 
-        .item-avatar {
-          width: 80rpx;
-          height: 80rpx;
-          border-radius: 50%;
-          margin-right: 24rpx;
-          border: 2rpx solid #e6e6e6;
+      .item-avatar {
+        width: 80rpx;
+        height: 80rpx;
+        border-radius: 50%;
+        margin-right: 24rpx;
+        border: 2rpx solid #e6e6e6;
+      }
+
+      .item-info {
+        flex: 1;
+
+        .item-name {
+          display: block;
+          font-size: 28rpx;
+          font-weight: bold;
+          color: #1e3a8a;
+          margin-bottom: 8rpx;
         }
 
-        .item-info {
-          flex: 1;
+        .item-details {
+          display: flex;
+          gap: 16rpx;
 
-          .item-name {
-            display: block;
-            font-size: 28rpx;
-            font-weight: bold;
-            color: #1e3a8a;
-            margin-bottom: 8rpx;
-          }
-
-          .item-details {
-            display: flex;
-            gap: 16rpx;
-
-            .item-school,
-            .item-class {
-              font-size: 22rpx;
-              color: #64748b;
-            }
-          }
-        }
-
-        .item-score {
-          text-align: right;
-          margin-right: 16rpx;
-
-          .score-number {
-            font-size: 32rpx;
-            font-weight: bold;
-            color: #f59e0b;
-          }
-
-          .score-unit {
-            font-size: 20rpx;
+          .item-school,
+          .item-class {
+            font-size: 22rpx;
             color: #64748b;
           }
         }
-
-        .trophy-icon {
-          position: absolute;
-          top: 16rpx;
-          right: 16rpx;
-        }
       }
 
-      .empty-state {
-        text-align: center;
-        padding: 120rpx 0;
+      .item-score {
+        text-align: right;
+        margin-right: 16rpx;
 
-        .empty-text {
-          display: block;
-          font-size: 28rpx;
-          color: #cccccc;
-          margin-top: 24rpx;
-        }
-      }
-    }
-  }
-
-  // 金字塔展示区域
-  .podium-section {
-    padding: 32rpx;
-
-    .podium-header {
-      text-align: center;
-      margin-bottom: 32rpx;
-
-      .podium-title {
-        font-size: 36rpx;
-        font-weight: bold;
-        color: #1e3a8a;
-        text-shadow: 0 2rpx 4rpx rgba(30, 58, 138, 0.1);
-      }
-    }
-  }
-
-  .encouragement-section {
-    padding: 0 32rpx 32rpx;
-
-    .encouragement-card {
-      .encouragement-content {
-        display: flex;
-        align-items: center;
-        justify-content: center;
-        gap: 16rpx;
-
-        .encouragement-text {
-          font-size: 26rpx;
-          color: #2d5e3e;
-          font-style: italic;
+        .score-number {
+          font-size: 32rpx;
           font-weight: bold;
-          text-align: center;
+          color: #f59e0b;
         }
+
+        .score-unit {
+          font-size: 20rpx;
+          color: #64748b;
+        }
+      }
+
+      .trophy-icon {
+        position: absolute;
+        top: 16rpx;
+        right: 16rpx;
+      }
+    }
+
+    .empty-state {
+      text-align: center;
+      padding: 120rpx 0;
+
+      .empty-text {
+        display: block;
+        font-size: 28rpx;
+        color: #cccccc;
+        margin-top: 24rpx;
+      }
+    }
+  }
+}
+
+// 金字塔展示区域
+.podium-section {
+  padding: 32rpx;
+
+  .podium-header {
+    text-align: center;
+    margin-bottom: 32rpx;
+
+    .podium-title {
+      font-size: 36rpx;
+      font-weight: bold;
+      color: #1e3a8a;
+      text-shadow: 0 2rpx 4rpx rgba(30, 58, 138, 0.1);
+    }
+  }
+}
+
+.encouragement-section {
+  padding: 0 32rpx 32rpx;
+
+  .encouragement-card {
+    .encouragement-content {
+      display: flex;
+      align-items: center;
+      justify-content: center;
+      gap: 16rpx;
+
+      .encouragement-text {
+        font-size: 26rpx;
+        color: #2d5e3e;
+        font-style: italic;
+        font-weight: bold;
+        text-align: center;
       }
     }
   }