From b21b47bbaca88359d928aa6c68c3783355b4b7e1 Mon Sep 17 00:00:00 2001
From: peijunlei <pjl@suq.cn>
Date: Mon, 31 Aug 2026 13:48:16 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=AD=A6=E4=B9=A0?=
 =?UTF-8?q?=E9=83=A8=E5=88=86=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/investment.css | 13 +++++++++++++
 public/themes/dist_static/static/js/investment.js   | 15 +++++++++++++++
 2 files changed, 28 insertions(+)

diff --git a/public/themes/dist_static/static/css/investment.css b/public/themes/dist_static/static/css/investment.css
index 0b2264e..b483b67 100644
--- a/public/themes/dist_static/static/css/investment.css
+++ b/public/themes/dist_static/static/css/investment.css
@@ -292,6 +292,9 @@
   padding: 0;
   list-style: none;
 }
+.iv-learn__list:not(.is-expanded) .iv-learn__item:nth-child(n+7) {
+  display: none;
+}
 .iv-learn__item {
   display: grid;
   grid-template-columns: 8.75rem minmax(0, 1fr) auto;
@@ -378,9 +381,19 @@
 .iv-learn__more-icon--up {
   opacity: 0.35;
   transform: scaleY(-1);
+  transition: opacity var(--duration-fast) var(--easing), transform var(--duration-fast) var(--easing);
 }
 .iv-learn__more-icon--down {
   opacity: 1;
+  transition: opacity var(--duration-fast) var(--easing), transform var(--duration-fast) var(--easing);
+}
+.iv-learn__more.is-expanded .iv-learn__more-icon--up {
+  opacity: 1;
+  transform: scaleY(1);
+}
+.iv-learn__more.is-expanded .iv-learn__more-icon--down {
+  opacity: 0.35;
+  transform: scaleY(-1);
 }
 
 .iv-hotline {
diff --git a/public/themes/dist_static/static/js/investment.js b/public/themes/dist_static/static/js/investment.js
index 882b6a7..ead3c73 100644
--- a/public/themes/dist_static/static/js/investment.js
+++ b/public/themes/dist_static/static/js/investment.js
@@ -47,9 +47,24 @@ function initLearnItemClick() {
 		if (href) window.location.href = href;
 	});
 }
+function initLearnToggle() {
+	const list = document.querySelector(".iv-learn__list");
+	const btn = document.querySelector(".iv-learn__more");
+	if (!list || !btn) return;
+	const items = list.querySelectorAll(".iv-learn__item");
+	if (items.length <= 6) {
+		btn.style.display = "none";
+		return;
+	}
+	btn.addEventListener("click", () => {
+		list.classList.toggle("is-expanded");
+		btn.classList.toggle("is-expanded");
+	});
+}
 $(function() {
 	setActiveNav();
 	initAnnounceSwiper();
 	initLearnItemClick();
+	initLearnToggle();
 });
 //#endregion