From 0153ee03d8a091cd4db5363220a169ce8a541ab7 Mon Sep 17 00:00:00 2001 From: lsy Date: Wed, 14 May 2025 20:02:08 +0800 Subject: [PATCH] =?UTF-8?q?=E4=BC=98=E5=8C=96=E5=8A=A0=E8=BD=BD=E5=8A=A8?= =?UTF-8?q?=E7=94=BB?= MIME-Version: 1.0 Content-Type: text/plain; charset=UTF-8 Content-Transfer-Encoding: 8bit --- src/scripts/swup-init.js | 12 ++---------- 1 file changed, 2 insertions(+), 10 deletions(-) diff --git a/src/scripts/swup-init.js b/src/scripts/swup-init.js index c896ebc..c185e01 100644 --- a/src/scripts/swup-init.js +++ b/src/scripts/swup-init.js @@ -337,12 +337,7 @@ document.addEventListener('DOMContentLoaded', () => { setElementOpacity(activeElement, 0); }); - // 4. 页面退出动画结束 - 只有在这里才会替换内容 - swup.hooks.on('animation:out:end', () => { - // 什么也不做,等待内容替换 - }); - // 5. 内容替换中 - 确保加载动画可见 swup.hooks.on('content:replace', () => { // 重新设置过渡样式,但不要立即隐藏加载动画 setTimeout(() => { @@ -350,17 +345,14 @@ document.addEventListener('DOMContentLoaded', () => { }, 10); }); - // 6. 页面进入动画开始 - 控制新内容的显示 + // 5. 页面进入动画开始 - 控制新内容的显示 swup.hooks.on('animation:in:start', () => { setTimeout(() => { // 获取并淡入当前活跃元素 const activeElement = getActiveElement(); setElementOpacity(activeElement, 1); - // 动画开始后等待一段时间再隐藏加载动画,确保不会在过渡期间显示 - setTimeout(() => { - hideLoadingSpinner(spinner); - }, 100); + hideLoadingSpinner(spinner); }, 50); });