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