vnstat2-php-frontend/js/custom.js

// 添加图表动画
document.addEventListener('DOMContentLoaded', function() {
    // 为所有数据卡片添加渐入效果
    const cards = document.querySelectorAll('.traffic-card');
    cards.forEach(card => {
        card.style.opacity = '0';
        card.style.transform = 'translateY(20px)';
        
        setTimeout(() => {
            card.style.transition = 'opacity 0.5s ease, transform 0.5s ease';
            card.style.opacity = '1';
            card.style.transform = 'translateY(0)';
        }, 100);
    });
});

// 添加数据刷新功能
function refreshData() {
    // 实现自动刷新逻辑
}