diff --git a/PROGRESS.md b/PROGRESS.md index 4f11e53..222c626 100644 --- a/PROGRESS.md +++ b/PROGRESS.md @@ -23,6 +23,7 @@ ### 2026-06-10 +- **dev SPA 加克制入场微动效(纯 CSS、单文件、可一键回退)**:`web/static/dev.html` 的 ` diff --git a/web/static/js/files.js b/web/static/js/files.js index cf3cd0f..389e211 100644 --- a/web/static/js/files.js +++ b/web/static/js/files.js @@ -172,6 +172,12 @@ $("pane-right").addEventListener("drop", async (e) => { $("file-droparea").classList.remove("show"); const files = Array.from(e.dataTransfer.files || []); if (!files.length) return; + // 落点轻回弹脉冲:一次性,动画结束自摘(避免再次拖入不触发) + const pane = $("pane-right"); + pane.classList.remove("drop-pulse"); + void pane.offsetWidth; // 强制 reflow 让动画可重放 + pane.classList.add("drop-pulse"); + pane.addEventListener("animationend", () => pane.classList.remove("drop-pulse"), { once: true }); await uploadFilesWithPaneStatus(files); });