优化调整

2025-07-26 00:37:18 +08:00
parent 08bbd4df0f
commit 0dfabc35d7
90 changed files with 3594 additions and 2294 deletions
@@ -0,0 +1,58 @@
+import { navLinks } from '../data.js';
+
+export const createNavLinks = (menuId, isMobile) => {
+    const menu = document.getElementById(menuId);
+    if (!menu) return;
+
+    navLinks.forEach(link => {
+        const a = document.createElement('a');
+        a.href = link.href;
+        a.textContent = link.name;
+        if (isMobile) {
+            a.className = 'text-xl text-text-dark hover:text-tech-blue transition-colors';
+        } else {
+            a.className = 'text-base font-medium text-text-medium hover:text-tech-blue transition-colors';
+            if (window.location.pathname.endsWith('/' + link.href) || 
+                (window.location.pathname === '/' && link.href === 'index.html')) {
+                 a.classList.add('text-tech-blue', 'font-semibold');
+            }
+        }
+        menu.appendChild(a);
+    });
+};
+
+export const handleHeaderScroll = () => {
+    const header = document.getElementById('main-header');
+    if (!header) return;
+    
+    if (window.scrollY > 10) {
+        header.classList.add('scrolled');
+    } else {
+        header.classList.remove('scrolled');
+    }
+};
+
+export const setupMobileMenu = () => {
+    const mobileMenuButton = document.getElementById('mobile-menu-button');
+    const mobileMenu = document.getElementById('mobile-menu');
+    if (mobileMenuButton && mobileMenu) {
+        mobileMenuButton.addEventListener('click', () => {
+            mobileMenu.classList.toggle('hidden');
+        });
+    }
+};
+
+export const initializeSharedUI = () => {
+    createNavLinks('nav-menu', false);
+    createNavLinks('mobile-nav-menu', true);
+    window.addEventListener('scroll', handleHeaderScroll);
+    setupMobileMenu();
+    
+    if (typeof lucide !== 'undefined') {
+        lucide.createIcons();
+    }
+};
+
+document.addEventListener('DOMContentLoaded', () => {
+    initializeSharedUI();
+});