From 6d1bf7275bf58a239a482c0cd31744e161656946 Mon Sep 17 00:00:00 2001 From: gaoziman <2942894660@qq.com> Date: Fri, 19 Dec 2025 13:57:52 +0800 Subject: [PATCH] =?UTF-8?q?style(css):=20=E6=B7=BB=E5=8A=A0=E5=AD=97?= =?UTF-8?q?=E4=BD=93=E5=A4=A7=E5=B0=8F=20CSS=20=E5=8F=98=E9=87=8F=E5=92=8C?= =?UTF-8?q?=E5=BC=B9=E5=87=BA=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit - 新增 --font-size-base CSS 变量支持全局字体大小 - body 使用 CSS 变量控制字体大小 - 添加 popUp 动画效果用于弹出菜单 --- src/app/globals.css | 19 +++++++++++++++++++ 1 file changed, 19 insertions(+) diff --git a/src/app/globals.css b/src/app/globals.css index 67e4690..4f65dd8 100644 --- a/src/app/globals.css +++ b/src/app/globals.css @@ -59,6 +59,9 @@ --transition-fast: 0.15s ease; --transition-base: 0.2s ease; --transition-slow: 0.3s ease; + + /* 字体大小 */ + --font-size-base: 15px; } @theme inline { @@ -92,6 +95,7 @@ body { background-color: var(--color-bg-secondary); color: var(--color-text-primary); font-family: -apple-system, BlinkMacSystemFont, 'Segoe UI', Roboto, 'Helvetica Neue', Arial, sans-serif; + font-size: var(--font-size-base); line-height: 1.5; min-height: 100vh; } @@ -151,6 +155,17 @@ body { } } +@keyframes popUp { + from { + opacity: 0; + transform: translateY(8px) scale(0.95); + } + to { + opacity: 1; + transform: translateY(0) scale(1); + } +} + .animate-fade-in { animation: fadeIn var(--transition-base); } @@ -163,6 +178,10 @@ body { animation: slideDown var(--transition-fast); } +.animate-pop-up { + animation: popUp 0.15s ease-out; +} + /* ======================================== 响应式设计 ======================================== */