From dc5327c8e4f2d33f2d6eef87d8f60fc0fe686a13 Mon Sep 17 00:00:00 2001
From: zhoulinf <2507241354@qq.com>
Date: Tue, 27 Jan 2026 15:16:14 +0800
Subject: [PATCH] =?UTF-8?q?h5=E9=93=BE=E6=8E=A5=E6=9B=BF=E6=8D=A233?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/res/year-statistic/index.html | 40 +++++++++++++++-------------
 1 file changed, 21 insertions(+), 19 deletions(-)

diff --git a/public/res/year-statistic/index.html b/public/res/year-statistic/index.html
index ffd5f76b..39cd033b 100644
--- a/public/res/year-statistic/index.html
+++ b/public/res/year-statistic/index.html
@@ -235,13 +235,14 @@
             display: flex;
             justify-content: center;
             gap: 40px;
-            flex-wrap: wrap;
+            flex-wrap: nowrap;
             margin-top: 30px;
         }
 
         .donut-item {
             text-align: center;
             position: relative;
+            flex-shrink: 1;
         }
 
         .donut-ring {
@@ -736,22 +737,19 @@
             .section-title { font-size: 1.5em; }
             .section-label { font-size: 0.8em; }
 
-            /* 领奖台适配 */
-            .podium { flex-direction: column; align-items: center; gap: 15px; }
-            .podium-item:nth-child(2) { order: -1; }
-            .podium-bar { height: 60px !important; width: 80px !important; }
-            .podium-item:nth-child(2) .podium-bar { height: 80px !important; width: 100px !important; }
-            .podium-avatar { width: 60px; height: 60px; font-size: 1.5em; }
-            .podium-item:nth-child(2) .podium-avatar { width: 80px; height: 80px; font-size: 2em; }
-            .podium-name { font-size: 1em; }
-            .podium-value { font-size: 1.1em; }
+            /* 领奖台小屏适配 */
+            .podium-avatar { width: 60px !important; height: 60px !important; }
+            .podium-item:nth-child(2) .podium-avatar { width: 80px !important; height: 80px !important; }
+            .podium-bar { height: 40px !important; font-size: 1em !important; }
+            .podium-item:nth-child(2) .podium-bar { height: 60px !important; }
 
-            /* 环形图适配 */
-            .donut-container { gap: 20px; }
-            .donut-ring { width: 100px; height: 100px; }
-            .donut-value { font-size: 1.3em; }
-            .donut-label { font-size: 0.9em; }
-            .donut-count { font-size: 0.8em; }
+            /* 环形图适配 - 保持一排显示 */
+            .donut-container { gap: 15px; flex-wrap: nowrap; justify-content: center; }
+            .donut-ring { width: 90px; height: 90px; }
+            .donut-value { font-size: 1.2em; }
+            .donut-label { font-size: 0.85em; }
+            .donut-count { font-size: 0.75em; }
+            .donut-item { min-width: 0; }
 
             /* 时间卡片适配 */
             .time-card { padding: 25px; max-width: 90%; }
@@ -799,8 +797,12 @@
             .cover-title { font-size: 1.2em; letter-spacing: 5px; }
             .big-stat-number { font-size: 2.5em; }
             .section-title { font-size: 1.3em; }
-            .donut-ring { width: 85px; height: 85px; }
-            .donut-value { font-size: 1.1em; }
+            /* 环形图 - 更小屏幕 */
+            .donut-container { gap: 10px; }
+            .donut-ring { width: 75px; height: 75px; }
+            .donut-value { font-size: 1em; }
+            .donut-label { font-size: 0.75em; }
+            .donut-count { font-size: 0.7em; }
             .time-value { font-size: 2em; }
             .app-usage-value { font-size: 2.8em; }
             .app-usage-card { padding: 25px 30px; }
@@ -1530,7 +1532,7 @@
     }
 
     // 返回按钮功能
-    function  goBack(){//h5返回APP
+    function goBack() {
         let data = {"action":"goBack","params":""}
         var u = navigator.userAgent;
         var isiOS = !!u.match(/\(i[^;]+;( U;)? CPU.+Mac OS X/);