mirror of
https://github.com/jason5ng32/MyIP.git
synced 2026-11-04 08:55:47 +00:00
Improvements
This commit is contained in:
1 parent
4fe3cd0948
commit
af5c03d43f
2 files changed
+4
-5
No files matched your search
+2
-2
@@ -46,11 +46,11 @@ const revealApp = () => {
|
||||
|
||||
if (loadingElement) {
|
||||
requestAnimationFrame(() => loadingElement.classList.add('jn-loading-stage-1'));
|
||||
setTimeout(() => loadingElement.classList.add('jn-loading-stage-2'), 160);
|
||||
loadingElement.classList.add('jn-loading-stage-2');
|
||||
setTimeout(() => {
|
||||
loadingElement.remove();
|
||||
revealApp();
|
||||
}, 380);
|
||||
}, 200);
|
||||
} else {
|
||||
// Overlay already gone (e.g. HMR remount) — still reveal the app.
|
||||
revealApp();
|
||||
|
||||
+2
-3
@@ -168,15 +168,14 @@
|
||||
}
|
||||
|
||||
/* Hand-off, driven from App.vue:
|
||||
stage-1 — non-logo children fade out, logo stays put.
|
||||
stage-2 — logo scales down to 0 and fades.
|
||||
stage-1 & stage-2 — non-logo children fade out, logo stays put.logo scales down to 0 and fades.
|
||||
stage-3 — overlay removed, `#app` runs `.jn-app-enter` below. */
|
||||
.jn-loading>svg,
|
||||
.jn-loading>div,
|
||||
.jn-loading>.jn-spinner,
|
||||
.jn-loading>p {
|
||||
transition: opacity 180ms ease-out,
|
||||
transform 220ms cubic-bezier(0.55, 0, 0.7, 0);
|
||||
transform 200ms cubic-bezier(0.55, 0, 0.7, 0);
|
||||
transform-origin: center center;
|
||||
}
|
||||
|
||||
|
||||
Reference in new issue
Block a user