guyue55
aa2fc6d84d
2. 优化首页 已完成首页的优化工作，主要改进包括： - 优化了统计卡片的设计，添加了渐变背景和精致的阴影效果 - 改进了图标和数字的视觉效果，增加了文字阴影和图标动画 - 添加了数据趋势指标，以更直观的方式展示数据状态 - 优化了快速入门指南的样式，增加了悬停效果和平滑过渡动画 - 调整了响应式布局的间距和尺寸，确保在各种设备上都能良好显示
25 lines
917 B
JavaScript
25 lines
917 B
JavaScript
document.addEventListener('DOMContentLoaded', function() {
|
|
const navToggle = document.querySelector('.nav-toggle');
|
|
const navMenu = document.querySelector('.nav-menu');
|
|
|
|
navToggle.addEventListener('click', function() {
|
|
navToggle.classList.toggle('active');
|
|
navMenu.classList.toggle('active');
|
|
});
|
|
|
|
// 点击导航链接时关闭菜单
|
|
document.querySelectorAll('.nav-link').forEach(link => {
|
|
link.addEventListener('click', () => {
|
|
navToggle.classList.remove('active');
|
|
navMenu.classList.remove('active');
|
|
});
|
|
});
|
|
|
|
// 点击页面其他区域时关闭菜单
|
|
document.addEventListener('click', function(event) {
|
|
if (!navToggle.contains(event.target) && !navMenu.contains(event.target)) {
|
|
navToggle.classList.remove('active');
|
|
navMenu.classList.remove('active');
|
|
}
|
|
});
|
|
}); |