From c0f7ca612c3840dca55025da769d1429d7102f2f Mon Sep 17 00:00:00 2001
From: cnliucheng <brokenway@163.com>
Date: Wed, 8 Jul 2026 14:13:20 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E5=88=87=E6=B7=B1=E8=89=B2=E6=A8=A1?=
 =?UTF-8?q?=E5=BC=8F=E6=97=B6=E9=AB=98=E4=BA=AE/=E5=8D=A1=E7=89=87?=
 =?UTF-8?q?=E5=85=83=E7=B4=A0=E5=8A=A0=E9=A2=9C=E8=89=B2=E8=BF=87=E6=B8=A1?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

.rank-item / .period-tab / .theme-item / .plan-item 加
transition: background-color 0.3s ease + border-color 0.3s ease。
切深色时不再瞬间切换,有 300ms 流动感。
---
 pages/leaderboard/leaderboard.wxss | 3 ++-
 pages/settings/settings.wxss       | 3 ++-
 2 files changed, 4 insertions(+), 2 deletions(-)

diff --git a/pages/leaderboard/leaderboard.wxss b/pages/leaderboard/leaderboard.wxss
index 6815695..31e2ca0 100644
--- a/pages/leaderboard/leaderboard.wxss
+++ b/pages/leaderboard/leaderboard.wxss
@@ -23,7 +23,7 @@
   font-size: 30rpx;
   color: var(--text-secondary);
   position: relative;
-  transition: color 0.2s;
+  transition: color 0.2s, background-color 0.3s ease;
 }
 
 .period-tab.active {
@@ -88,6 +88,7 @@
   padding: 20rpx 24rpx;
   margin-bottom: 12rpx;
   box-shadow: 0 2rpx 8rpx rgba(0, 0, 0, 0.04);
+  transition: background-color 0.3s ease, border-color 0.3s ease;
 }
 
 .rank-item.is-me {
diff --git a/pages/settings/settings.wxss b/pages/settings/settings.wxss
index 78d39fa..e36268b 100644
--- a/pages/settings/settings.wxss
+++ b/pages/settings/settings.wxss
@@ -22,7 +22,7 @@
   align-items: center;
   padding: 22rpx 0;
   border-bottom: 1rpx solid var(--border);
-  transition: background 0.2s ease;
+  transition: background 0.2s ease, background-color 0.3s ease, border-color 0.3s ease;
 }
 
 .theme-item:last-child { border-bottom: none; }
@@ -73,6 +73,7 @@
   align-items: center;
   padding: 24rpx 0;
   border-bottom: 1rpx solid var(--border);
+  transition: background-color 0.3s ease, border-color 0.3s ease;
 }
 
 .plan-item:last-child { border-bottom: none; }