添加加载动画

This commit is contained in:
SunWuyuan
2025-10-06 19:49:53 +08:00
parent 779ca2b278
commit 0dceb0c278
2 changed files with 83 additions and 0 deletions
+18
View File
@@ -28,3 +28,21 @@ app.use(messageService);
app.component('GlobalMessage', GlobalMessage)
app.mount('#app')
// 移除首屏 CSS 加载覆盖层(在 Vue 挂载完成后)
try {
const removeLoader = () => {
document.body.classList.add('app-loaded');
const el = document.getElementById('app-loader');
if (!el) return;
// 与 CSS 过渡对齐,稍等再移除节点,避免闪烁
setTimeout(() => el.remove(), 220);
};
if (document.readyState === 'complete' || document.readyState === 'interactive') {
removeLoader();
} else {
window.addEventListener('DOMContentLoaded', removeLoader, { once: true });
}
} catch {
// 安全失败:即便移除失败也不影响应用
}