From 9936a30ca28ecdc264e85793ac51e9c832479c2c Mon Sep 17 00:00:00 2001 From: peijunlei Date: Mon, 31 Aug 2026 13:18:40 +0800 Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E8=8D=A3=E8=AA=89?= =?UTF-8?q?=E5=88=97=E8=A1=A8=E5=B1=95=E5=BC=80/=E6=94=B6=E8=B5=B7?= =?UTF-8?q?=E5=8A=9F=E8=83=BD=EF=BC=8C=E4=BC=98=E5=8C=96=E7=94=A8=E6=88=B7?= =?UTF-8?q?=E4=BD=93=E9=AA=8C?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- public/themes/dist_static/static/css/about.css | 7 +++++++ public/themes/dist_static/static/js/about.js | 16 ++++++++++++++++ 2 files changed, 23 insertions(+) diff --git a/public/themes/dist_static/static/css/about.css b/public/themes/dist_static/static/css/about.css index a8ff389..a33682d 100644 --- a/public/themes/dist_static/static/css/about.css +++ b/public/themes/dist_static/static/css/about.css @@ -550,6 +550,9 @@ padding: 0; list-style: none; } +.ab-honors__list:not(.is-expanded) .ab-honors__item:nth-child(n+6) { + display: none; +} .ab-honors__item { position: relative; display: flex; @@ -640,6 +643,10 @@ display: block; width: 0.75rem; height: auto; + transition: transform var(--duration-normal) var(--easing); +} +.ab-honors__more.is-expanded img { + transform: rotate(180deg); } .ab-honors__more:hover { color: var(--color-primary); diff --git a/public/themes/dist_static/static/js/about.js b/public/themes/dist_static/static/js/about.js index dcd1e45..7a01947 100644 --- a/public/themes/dist_static/static/js/about.js +++ b/public/themes/dist_static/static/js/about.js @@ -104,10 +104,26 @@ function initMemberLogos() { }); }); } +function initHonorsToggle() { + const list = document.querySelector(".ab-honors__list"); + const btn = document.querySelector(".ab-honors__more"); + if (!list || !btn) return; + const items = list.querySelectorAll(".ab-honors__item"); + if (items.length <= 5) { + btn.style.display = "none"; + return; + } + btn.addEventListener("click", () => { + const expanded = list.classList.toggle("is-expanded"); + btn.classList.toggle("is-expanded", expanded); + btn.querySelector("span").textContent = expanded ? "收起" : "展开更多"; + }); +} $(function() { setActiveNav(); initHistorySwiper(); initMemberLogos(); counterUpInit(); + initHonorsToggle(); }); //#endregion