From e682f078923e2a5e45828101677af146d94ba2ff Mon Sep 17 00:00:00 2001
From: liucheng <liucheng760904@me.com>
Date: Sat, 25 Jul 2026 14:21:04 +0800
Subject: [PATCH] =?UTF-8?q?fix(leaderboard):=20=E4=BF=AE=E5=A4=8D=E5=8A=A0?=
 =?UTF-8?q?=E8=BD=BD=E6=9C=9F=E7=A9=BA=E7=99=BD=E9=A1=B5,=E5=8A=A0=20loadi?=
 =?UTF-8?q?ng=20=E5=9B=BE=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

- leaderboard.json 未注册 ui-skeleton,骨架屏不渲染致 loading 期空白
- 注册 ui-skeleton,骨架屏恢复 shimmer
- 骨架屏上方加主题色旋转加载图标 + "加载中…"

Co-Authored-By: Claude <noreply@anthropic.com>
---
 pages/leaderboard/leaderboard.json |  4 +++-
 pages/leaderboard/leaderboard.wxml |  6 +++++-
 pages/leaderboard/leaderboard.wxss | 31 ++++++++++++++++++++++++++++++
 3 files changed, 39 insertions(+), 2 deletions(-)

diff --git a/pages/leaderboard/leaderboard.json b/pages/leaderboard/leaderboard.json
index 982e8c7..9caffca 100644
--- a/pages/leaderboard/leaderboard.json
+++ b/pages/leaderboard/leaderboard.json
@@ -1,5 +1,7 @@
 {
   "navigationBarTitleText": "排行榜",
   "enablePullDownRefresh": true,
-  "usingComponents": {}
+  "usingComponents": {
+    "ui-skeleton": "../../components/ui-skeleton/ui-skeleton"
+  }
 }
diff --git a/pages/leaderboard/leaderboard.wxml b/pages/leaderboard/leaderboard.wxml
index 218b331..95d97c8 100644
--- a/pages/leaderboard/leaderboard.wxml
+++ b/pages/leaderboard/leaderboard.wxml
@@ -12,8 +12,12 @@
     </view>
   </view>
 
-  <!-- Loading skeleton -->
+  <!-- Loading: 旋转加载图标 + 骨架屏 -->
   <view class="leaderboard-skeleton" wx:if="{{loading}}">
+    <view class="lb-loading">
+      <view class="lb-loading__spinner"></view>
+      <text class="lb-loading__text">加载中…</text>
+    </view>
     <ui-skeleton variant="list-row" count="{{5}}" />
   </view>
 
diff --git a/pages/leaderboard/leaderboard.wxss b/pages/leaderboard/leaderboard.wxss
index 3f5689a..56b683a 100644
--- a/pages/leaderboard/leaderboard.wxss
+++ b/pages/leaderboard/leaderboard.wxss
@@ -427,3 +427,34 @@
   font-size: 26rpx;
   color: var(--text-secondary);
 }
+
+/* Loading: 旋转加载图标 + 骨架屏容器 */
+.leaderboard-skeleton {
+  padding: 40rpx 32rpx 0;
+}
+
+.lb-loading {
+  display: flex;
+  flex-direction: column;
+  align-items: center;
+  gap: 20rpx;
+  padding: 24rpx 0 48rpx;
+}
+
+.lb-loading__spinner {
+  width: 56rpx;
+  height: 56rpx;
+  border: 4rpx solid rgba(var(--primary-rgb), 0.15);
+  border-top-color: var(--primary);
+  border-radius: 50%;
+  animation: lbSpin 0.8s linear infinite;
+}
+
+.lb-loading__text {
+  font-size: 26rpx;
+  color: var(--text-secondary);
+}
+
+@keyframes lbSpin {
+  to { transform: rotate(360deg); }
+}