From d47d0edbce40ab1d9c2db136b26150d29f258a07 Mon Sep 17 00:00:00 2001 From: Orion Date: Tue, 21 Jul 2026 17:49:03 +0800 Subject: [PATCH] =?UTF-8?q?=F0=9F=90=9B=20=E4=BF=AE=E5=A4=8D=E6=89=8B?= =?UTF-8?q?=E6=9C=BA=E5=AF=BC=E8=88=AA=E5=AF=B9=E6=AF=94=E5=BA=A6=E4=B8=8E?= =?UTF-8?q?=E8=B6=8B=E5=8A=BF=E6=97=A5=E6=9C=9F=E5=B8=83=E5=B1=80?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit 针对 iPhone Safari 中侧栏半透明合成导致导航文字和图标发灰的问题，提高移动导航可读性，并恢复趋势日期的手机单行布局。 - 导航抽屉改为不透明实色背景，遮罩只作用于右侧内容 - 提高品牌、菜单、关闭按钮和退出登录的文字图标对比度 - 强化当前菜单选中态，兼顾浅色与深色模式 - 手机端开始和结束日期恢复同一行并保持 44px 控件高度 - 已通过架构检查、类型检查、ESLint 和生产构建 --- src/components/common/NativeDateSelect.vue | 25 +++++++++-------- src/layout/AdminLayout/AdminLayout.vue | 32 +++++++++++----------- 2 files changed, 30 insertions(+), 27 deletions(-) diff --git a/src/components/common/NativeDateSelect.vue b/src/components/common/NativeDateSelect.vue index c364047..224516d 100644 --- a/src/components/common/NativeDateSelect.vue +++ b/src/components/common/NativeDateSelect.vue @@ -214,36 +214,39 @@ const updatePart = (part: DatePart, value: string) => { @media (max-width: 639px) { :global(.analytics-date-range) { - --native-date-width: 100%; - display: grid !important; + --native-date-width: auto; + display: flex !important; width: 100%; - grid-template-columns: minmax(0, 1fr); - gap: 0.5rem !important; + flex-wrap: nowrap !important; + gap: 0.2rem !important; } .native-date-strip { + width: min-content; + min-width: 0; + flex: 1 1 0; min-height: 2.75rem; - padding-inline: 0.5rem; + padding-inline: 0.2rem; } .native-date-part { height: 2.75rem; - min-width: 2.75rem; - font-size: 0.9rem; + min-width: 0; + font-size: clamp(0.75rem, 3.4vw, 0.9rem); } .native-date-year { - width: 5.25rem; + width: clamp(3.35rem, 15vw, 4rem); } .native-date-month, .native-date-day { - width: 2.75rem; + width: clamp(1.7rem, 8vw, 2.2rem); } .native-date-separator { - margin-inline: clamp(0.12ch, 0.55vw, 0.3ch); - font-size: clamp(0.8rem, 3.65vw, 0.95rem); + margin-inline: 0; + font-size: clamp(0.72rem, 3vw, 0.85rem); } } diff --git a/src/layout/AdminLayout/AdminLayout.vue b/src/layout/AdminLayout/AdminLayout.vue index 56b016e..3ce54c3 100644 --- a/src/layout/AdminLayout/AdminLayout.vue +++ b/src/layout/AdminLayout/AdminLayout.vue @@ -14,11 +14,11 @@