feat：分组统计适配小屏场景

2026-03-11 22:08:44 +08:00
parent 643b23b97c
commit 613b5f02e8
3 changed files with 98 additions and 0 deletions
--- a/app/components/GroupSummary.jsx
+++ b/app/components/GroupSummary.jsx
@@ -76,6 +76,25 @@ export default function GroupSummary({
    }
  }, []);

+  // 根据窗口宽度设置基础字号，保证小屏数字不会撑破布局
+  useEffect(() => {
+    if (!winW) return;
+
+    if (winW <= 360) {
+      setAssetSize(18);
+      setMetricSize(14);
+    } else if (winW <= 414) {
+      setAssetSize(22);
+      setMetricSize(16);
+    } else if (winW <= 768) {
+      setAssetSize(24);
+      setMetricSize(18);
+    } else {
+      setAssetSize(26);
+      setMetricSize(20);
+    }
+  }, [winW]);
+
  useEffect(() => {
    if (typeof masked === 'boolean') {
      setIsMasked(masked);