Function hideLoading

js/app.js:1380–1415

* 隐藏加载动画 * 实现平滑的过渡效果从加载动画到内容 * Requirements: 8.5

()

 * Requirements: 8.5
 */
function hideLoading() {
  console.log('hideLoading 被调用');
  console.log('Elements.loading:', Elements.loading);
  console.log('Elements.app:', Elements.app);
  
  if (Elements.loading) {
    // 先完成进度条动画
    const progressBar = Elements.loading.querySelector('.loading-progress-bar');
    if (progressBar) {
      progressBar.style.animation = 'none';
      progressBar.style.width = '100%';
    }
    
    // 短暂延迟后开始淡出，让用户看到进度完成
    setTimeout(() => {
      // 添加淡出动画类
      Elements.loading.classList.add('fade-out');
      
      // 动画结束后完全隐藏
      setTimeout(() => {
        Elements.loading.classList.add('hidden');
        // 触发内容显示动画
        if (Elements.app) {
          console.log('添加 content-ready 类');
          Elements.app.classList.add('content-ready');
        }
      }, 800); // 与CSS过渡时间匹配
    }, 300);
  } else {
    // 如果没有 loading 元素，直接显示内容
    console.log('没有 loading 元素，直接显示内容');
    if (Elements.app) {
      Elements.app.classList.add('content-ready');
    }
  }
}

/**
 * 显示加载动画