From 2be7ced21aff74a53ab0b78dfe9a1a42dec1734c Mon Sep 17 00:00:00 2001 From: Supra4E8C Date: Fri, 3 Oct 2025 15:09:41 +0800 Subject: [PATCH] =?UTF-8?q?=E5=AE=9E=E7=8E=B0=E7=A7=BB=E5=8A=A8=E7=AB=AF?= =?UTF-8?q?=E4=BE=A7=E8=BE=B9=E6=A0=8F=E5=8A=9F=E8=83=BD=EF=BC=8C=E6=B7=BB?= =?UTF-8?q?=E5=8A=A0=E7=A7=BB=E5=8A=A8=E8=8F=9C=E5=8D=95=E6=8C=89=E9=92=AE?= =?UTF-8?q?=E5=8F=8A=E9=81=AE=E7=BD=A9=EF=BC=8C=E4=BC=98=E5=8C=96=E5=AF=BC?= =?UTF-8?q?=E8=88=AA=E9=A1=B9=E7=82=B9=E5=87=BB=E4=BA=8B=E4=BB=B6=EF=BC=8C?= =?UTF-8?q?=E6=9B=B4=E6=96=B0=E6=A0=B7=E5=BC=8F=E4=BB=A5=E6=8F=90=E5=8D=87?= =?UTF-8?q?=E7=94=A8=E6=88=B7=E4=BD=93=E9=AA=8C=E3=80=82?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- app.js | 45 + index.html | 186 +-- styles.css | 3852 ++++++++++++++++++++++++++++------------------------ 3 files changed, 2197 insertions(+), 1886 deletions(-) diff --git a/app.js b/app.js index 0741144..d8be85d 100644 --- a/app.js +++ b/app.js @@ -553,6 +553,51 @@ class CLIProxyManager { this.closeModal(); } }); + + // 移动端菜单按钮 + const mobileMenuBtn = document.getElementById('mobile-menu-btn'); + const sidebarOverlay = document.getElementById('sidebar-overlay'); + const sidebar = document.getElementById('sidebar'); + + if (mobileMenuBtn) { + mobileMenuBtn.addEventListener('click', () => this.toggleMobileSidebar()); + } + + if (sidebarOverlay) { + sidebarOverlay.addEventListener('click', () => this.closeMobileSidebar()); + } + + // 点击侧边栏导航项时在移动端关闭侧边栏 + const navItems = document.querySelectorAll('.nav-item'); + navItems.forEach(item => { + item.addEventListener('click', () => { + if (window.innerWidth <= 1024) { + this.closeMobileSidebar(); + } + }); + }); + } + + // 切换移动端侧边栏 + toggleMobileSidebar() { + const sidebar = document.getElementById('sidebar'); + const overlay = document.getElementById('sidebar-overlay'); + + if (sidebar && overlay) { + sidebar.classList.toggle('mobile-open'); + overlay.classList.toggle('active'); + } + } + + // 关闭移动端侧边栏 + closeMobileSidebar() { + const sidebar = document.getElementById('sidebar'); + const overlay = document.getElementById('sidebar-overlay'); + + if (sidebar && overlay) { + sidebar.classList.remove('mobile-open'); + overlay.classList.remove('active'); + } } // 设置导航 diff --git a/index.html b/index.html index 817bb93..45beafd 100644 --- a/index.html +++ b/index.html @@ -106,25 +106,59 @@ + +