From fa2964e144319d94a0e62f806cc3a088099ce00b Mon Sep 17 00:00:00 2001
From: yanlongqi <yuchat@163.com>
Date: Tue, 2 Dec 2025 00:35:36 +0800
Subject: [PATCH] =?UTF-8?q?=E8=B0=83=E6=95=B4=E9=A6=96=E9=A1=B5=E6=8E=92?=
 =?UTF-8?q?=E8=A1=8C=E6=A6=9C=E9=A1=BA=E5=BA=8F=EF=BC=9A=E6=AF=8F=E6=97=A5?=
 =?UTF-8?q?=E4=B8=80=E7=BB=83=E6=8E=92=E8=A1=8C=E6=A6=9C=E7=BD=AE=E4=BA=8E?=
 =?UTF-8?q?=E4=BB=8A=E6=97=A5=E6=8E=92=E8=A1=8C=E6=A6=9C=E4=B9=8B=E5=89=8D?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

🤖 Generated with [Claude Code](https://claude.com/claude-code)

Co-Authored-By: Claude <noreply@anthropic.com>
---
 web/src/pages/Home.tsx | 164 ++++++++++++++++++++---------------------
 1 file changed, 82 insertions(+), 82 deletions(-)

diff --git a/web/src/pages/Home.tsx b/web/src/pages/Home.tsx
index ae50f8d..ec603d3 100644
--- a/web/src/pages/Home.tsx
+++ b/web/src/pages/Home.tsx
@@ -724,6 +724,88 @@ const Home: React.FC = () => {
         </Row>
       </div>
 
+      {/* 每日一练排行榜 */}
+      <div className={styles.rankingSection}>
+        <Title level={4} className={styles.sectionTitle}>
+          <CrownOutlined style={{ color: '#fa8c16' }} /> 每日一练排行榜
+        </Title>
+        {dailyExamLoading ? (
+          <Card className={styles.rankingCard} loading={true} />
+        ) : dailyExamRanking.rankings.length === 0 ? (
+          <Card className={styles.rankingCard}>
+            <div style={{ textAlign: 'center', padding: '40px 20px', color: '#8c8c8c' }}>
+              <CrownOutlined style={{ fontSize: 48, marginBottom: 16, opacity: 0.3, color: '#fa8c16' }} />
+              <div>今日每日一练尚未生成</div>
+              <div style={{ fontSize: 13, marginTop: 8 }}>请等待系统每天凌晨1点自动生成</div>
+            </div>
+          </Card>
+        ) : (
+          <Card className={styles.rankingCard}>
+            {dailyExamRanking.exam_title && (
+              <div style={{
+                padding: '12px 16px',
+                background: 'linear-gradient(135deg, #fff7e6 0%, #ffe7ba 100%)',
+                borderRadius: '8px',
+                marginBottom: '16px',
+                display: 'flex',
+                alignItems: 'center',
+                gap: '8px'
+              }}>
+                <FileTextOutlined style={{ color: '#fa8c16', fontSize: 16 }} />
+                <Text strong style={{ color: '#fa8c16' }}>{dailyExamRanking.exam_title}</Text>
+              </div>
+            )}
+            <div className={styles.rankingList}>
+              {dailyExamRanking.rankings.map((user, index) => (
+                <div key={user.user_id} className={styles.rankingItem}>
+                  <div className={styles.rankingLeft}>
+                    {index < 3 ? (
+                      <div className={`${styles.rankBadge} ${styles[`rank${index + 1}`]}`}>
+                        {index === 0 && <CrownOutlined />}
+                        {index === 1 && <CrownOutlined />}
+                        {index === 2 && <CrownOutlined />}
+                      </div>
+                    ) : (
+                      <div className={styles.rankNumber}>{index + 1}</div>
+                    )}
+                    <Avatar
+                      src={user.avatar || undefined}
+                      size={40}
+                      icon={<UserOutlined />}
+                      className={styles.rankAvatar}
+                    />
+                    <div className={styles.rankUserInfo}>
+                      <div className={styles.rankNickname}>{user.nickname}</div>
+                      <div className={styles.rankUsername}>@{user.username}</div>
+                    </div>
+                  </div>
+                  <div className={styles.rankingRight}>
+                    <div className={styles.rankStat}>
+                      <div className={styles.rankStatValue} style={{
+                        color: user.score >= 80 ? '#52c41a' : user.score >= 60 ? '#faad14' : '#ff4d4f',
+                        fontSize: 18,
+                        fontWeight: 'bold'
+                      }}>
+                        {user.score}
+                      </div>
+                      <div className={styles.rankStatLabel}>得分</div>
+                    </div>
+                    <div className={styles.rankDivider}></div>
+                    <div className={styles.rankStat}>
+                      <div className={styles.rankStatValue}>
+                        {Math.floor(user.time_spent / 60)}'
+                        {user.time_spent % 60 < 10 ? '0' : ''}{user.time_spent % 60}"
+                      </div>
+                      <div className={styles.rankStatLabel}>用时</div>
+                    </div>
+                  </div>
+                </div>
+              ))}
+            </div>
+          </Card>
+        )}
+      </div>
+
       {/* 排行榜 */}
       <div className={styles.rankingSection}>
         <Title level={4} className={styles.sectionTitle}>
@@ -859,88 +941,6 @@ const Home: React.FC = () => {
         )}
       </div>
 
-      {/* 每日一练排行榜 */}
-      <div className={styles.rankingSection}>
-        <Title level={4} className={styles.sectionTitle}>
-          <CrownOutlined style={{ color: '#fa8c16' }} /> 每日一练排行榜
-        </Title>
-        {dailyExamLoading ? (
-          <Card className={styles.rankingCard} loading={true} />
-        ) : dailyExamRanking.rankings.length === 0 ? (
-          <Card className={styles.rankingCard}>
-            <div style={{ textAlign: 'center', padding: '40px 20px', color: '#8c8c8c' }}>
-              <CrownOutlined style={{ fontSize: 48, marginBottom: 16, opacity: 0.3, color: '#fa8c16' }} />
-              <div>今日每日一练尚未生成</div>
-              <div style={{ fontSize: 13, marginTop: 8 }}>请等待系统每天凌晨1点自动生成</div>
-            </div>
-          </Card>
-        ) : (
-          <Card className={styles.rankingCard}>
-            {dailyExamRanking.exam_title && (
-              <div style={{
-                padding: '12px 16px',
-                background: 'linear-gradient(135deg, #fff7e6 0%, #ffe7ba 100%)',
-                borderRadius: '8px',
-                marginBottom: '16px',
-                display: 'flex',
-                alignItems: 'center',
-                gap: '8px'
-              }}>
-                <FileTextOutlined style={{ color: '#fa8c16', fontSize: 16 }} />
-                <Text strong style={{ color: '#fa8c16' }}>{dailyExamRanking.exam_title}</Text>
-              </div>
-            )}
-            <div className={styles.rankingList}>
-              {dailyExamRanking.rankings.map((user, index) => (
-                <div key={user.user_id} className={styles.rankingItem}>
-                  <div className={styles.rankingLeft}>
-                    {index < 3 ? (
-                      <div className={`${styles.rankBadge} ${styles[`rank${index + 1}`]}`}>
-                        {index === 0 && <CrownOutlined />}
-                        {index === 1 && <CrownOutlined />}
-                        {index === 2 && <CrownOutlined />}
-                      </div>
-                    ) : (
-                      <div className={styles.rankNumber}>{index + 1}</div>
-                    )}
-                    <Avatar
-                      src={user.avatar || undefined}
-                      size={40}
-                      icon={<UserOutlined />}
-                      className={styles.rankAvatar}
-                    />
-                    <div className={styles.rankUserInfo}>
-                      <div className={styles.rankNickname}>{user.nickname}</div>
-                      <div className={styles.rankUsername}>@{user.username}</div>
-                    </div>
-                  </div>
-                  <div className={styles.rankingRight}>
-                    <div className={styles.rankStat}>
-                      <div className={styles.rankStatValue} style={{
-                        color: user.score >= 80 ? '#52c41a' : user.score >= 60 ? '#faad14' : '#ff4d4f',
-                        fontSize: 18,
-                        fontWeight: 'bold'
-                      }}>
-                        {user.score}
-                      </div>
-                      <div className={styles.rankStatLabel}>得分</div>
-                    </div>
-                    <div className={styles.rankDivider}></div>
-                    <div className={styles.rankStat}>
-                      <div className={styles.rankStatValue}>
-                        {Math.floor(user.time_spent / 60)}'
-                        {user.time_spent % 60 < 10 ? '0' : ''}{user.time_spent % 60}"
-                      </div>
-                      <div className={styles.rankStatLabel}>用时</div>
-                    </div>
-                  </div>
-                </div>
-              ))}
-            </div>
-          </Card>
-        )}
-      </div>
-
       {/* 用户类型补充模态框 */}
       <Modal
         title="请选择您的身份类型"