From 886990241c6ffda24bf571ff5fa4c8d6c322d35d Mon Sep 17 00:00:00 2001 From: peijunlei Date: Thu, 3 Sep 2026 15:04:24 +0800 Subject: [PATCH 1/3] =?UTF-8?q?style(common.css):=20=E6=9B=B4=E6=96=B0?= =?UTF-8?q?=E5=A4=B4=E9=83=A8=E4=B8=8B=E6=8B=89=E9=9D=A2=E6=9D=BF=E5=BC=B9?= =?UTF-8?q?=E5=87=BA=E5=8A=A8=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/themes/dist_static/static/css/common.css | 12 ++++++++++-- 1 file changed, 10 insertions(+), 2 deletions(-) diff --git a/public/themes/dist_static/static/css/common.css b/public/themes/dist_static/static/css/common.css index 053f4c6..ce87c0c 100644 --- a/public/themes/dist_static/static/css/common.css +++ b/public/themes/dist_static/static/css/common.css @@ -32,6 +32,10 @@ --duration-normal: 0.3s; /* 变换/位移/透明度/展开收起 */ --duration-slow: 0.4s; /* 轮播/大幅位移 */ --easing: ease; /* 缓动函数 */ + + --nav--dropdown-duration: 300ms; + --ease-expo-out: cubic-bezier(0.16, 1, 0.3, 1); + --nav--dropdown-open-duration: 600ms; }/* max-width 从大到小写 *//* 1680–1919：比 1920 稿略窄，边距收到 100 */@media (max-width: 1919px) { :root { --p-x: 100Px; @@ -1307,14 +1311,16 @@ body { right: 0; top: 100%; z-index: 2; + /* 展开收起动画 */ display: grid; grid-template-rows: 0fr; - max-height: calc(100dvh - var(--header-h)); visibility: hidden; + opacity: 0; + transition: grid-template-rows var(--nav--dropdown-duration) var(--ease-expo-out), visibility 0s var(--nav--dropdown-duration), opacity var(--nav--dropdown-duration) var(--ease-expo-out); + max-height: calc(100dvh - var(--header-h)); background: var(--color-white); border-top: 1px solid rgb(223, 224, 226); box-shadow: 0 1.5rem 3rem rgba(46, 53, 58, 0.08); - transition: grid-template-rows 0.5s var(--easing); }.nav-mega__inner { overflow: auto; min-height: 0; @@ -1617,6 +1623,8 @@ body { }.site-header__nav-item:hover .nav-mega { grid-template-rows: 1fr; visibility: visible; + opacity: 1; + transition: grid-template-rows var(--nav--dropdown-open-duration) var(--ease-expo-out), visibility 0s 0s, opacity var(--nav--dropdown-duration) var(--ease-expo-out); }.site-header__nav-item:hover .site-header__nav-link { color: var(--color-primary); }.site-header__nav-item:hover .site-header__chevron { From c18f0f4a73537d2ae6fdb43de652feba837afd41 Mon Sep 17 00:00:00 2001 From: peijunlei Date: Thu, 3 Sep 2026 15:28:56 +0800 Subject: [PATCH 2/3] =?UTF-8?q?style(common.css):=20=E6=9B=B4=E6=96=B0?= =?UTF-8?q?=E5=AF=BC=E8=88=AA=E9=A1=B9=E6=A0=B7=E5=BC=8F=E4=BB=A5=E5=A2=9E?= =?UTF-8?q?=E5=BC=BA=E5=B8=83=E5=B1=80=E4=B8=80=E8=87=B4=E6=80=A7?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/themes/dist_static/static/css/common.css | 5 ++++- 1 file changed, 4 insertions(+), 1 deletion(-) diff --git a/public/themes/dist_static/static/css/common.css b/public/themes/dist_static/static/css/common.css index ce87c0c..2fb0f3e 100644 --- a/public/themes/dist_static/static/css/common.css +++ b/public/themes/dist_static/static/css/common.css @@ -1094,9 +1094,12 @@ body { margin: 0; padding: 0; list-style: none; -}.site-header__nav > ul li { +} +.site-header__nav .site-header__nav-item{ padding-left: 1rem; padding-right: 1rem; +} +.site-header__nav > ul li { height: 100%; }.site-header__nav > ul > li > a { display: inline-flex; From d1bd3505ab7119f6147aa663dbd2c3d6747aa79f Mon Sep 17 00:00:00 2001 From: peijunlei Date: Thu, 3 Sep 2026 15:47:52 +0800 Subject: [PATCH 3/3] =?UTF-8?q?style(common.css):=20=E6=B3=A8=E9=87=8A?= =?UTF-8?q?=E6=8E=89=E5=AF=BC=E8=88=AA=E9=A1=B9=E7=9A=84=E8=BE=B9=E6=A1=86?= =?UTF-8?q?=E9=A2=9C=E8=89=B2=E4=BB=A5=E7=AE=80=E5=8C=96=E6=A0=B7=E5=BC=8F?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/themes/dist_static/static/css/common.css | 2 +- 1 file changed, 1 insertion(+), 1 deletion(-) diff --git a/public/themes/dist_static/static/css/common.css b/public/themes/dist_static/static/css/common.css index 2fb0f3e..541d532 100644 --- a/public/themes/dist_static/static/css/common.css +++ b/public/themes/dist_static/static/css/common.css @@ -1640,7 +1640,7 @@ body { color: var(--color-text); box-shadow: none; }.site-header:has(.site-header__nav-item--mega:hover) .site-header__main { - border-top-color: rgba(46, 53, 58, 0.1); + /* border-top-color: rgba(46, 53, 58, 0.1); */ }.site-header:has(.site-header__nav-item--mega:hover) .header-logo .header-logo__img--default { display: none; }.site-header:has(.site-header__nav-item--mega:hover) .header-logo .header-logo__img--dark {