|
@@ -318,21 +318,23 @@ listenForDeepLinks()
|
|
|
|
|
|
|
|
function LoadingSplash() {
|
|
function LoadingSplash() {
|
|
|
const [dots, setDots] = createSignal("")
|
|
const [dots, setDots] = createSignal("")
|
|
|
|
|
+ const [pc, setPc] = createSignal(20)
|
|
|
onMount(() => {
|
|
onMount(() => {
|
|
|
const i = setInterval(() => {
|
|
const i = setInterval(() => {
|
|
|
setDots(d => d.length >= 3 ? "" : d + ".")
|
|
setDots(d => d.length >= 3 ? "" : d + ".")
|
|
|
- }, 500)
|
|
|
|
|
|
|
+ setPc(p => p < 90 ? p + 5 : p)
|
|
|
|
|
+ }, 400)
|
|
|
return () => clearInterval(i)
|
|
return () => clearInterval(i)
|
|
|
})
|
|
})
|
|
|
return (
|
|
return (
|
|
|
- <div class="h-dvh w-screen flex flex-col items-center justify-center bg-background-base gap-4">
|
|
|
|
|
- <Splash class="w-16 h-20 opacity-50 animate-pulse" />
|
|
|
|
|
- <div class="flex flex-col items-center gap-2">
|
|
|
|
|
|
|
+ <div class="h-dvh w-screen flex flex-col items-center justify-center bg-background-base gap-6">
|
|
|
|
|
+ <Splash class="w-16 h-20 opacity-60 animate-pulse" />
|
|
|
|
|
+ <div class="flex flex-col items-center gap-3">
|
|
|
<span class="text-14-medium text-text-muted">
|
|
<span class="text-14-medium text-text-muted">
|
|
|
正在启动 KirinCode<span class="inline-block w-8 text-left">{dots()}</span>
|
|
正在启动 KirinCode<span class="inline-block w-8 text-left">{dots()}</span>
|
|
|
</span>
|
|
</span>
|
|
|
- <div class="w-32 h-1 bg-background-element rounded-full overflow-hidden">
|
|
|
|
|
- <div class="h-full bg-primary rounded-full animate-pulse" style="width:60%" />
|
|
|
|
|
|
|
+ <div class="w-40 h-1.5 bg-background-element rounded-full overflow-hidden">
|
|
|
|
|
+ <div class="h-full bg-primary rounded-full transition-all duration-500" style={{width: `${pc()}%`}} />
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|
|
|
</div>
|
|
</div>
|