Skip to content

Commit c150aac

Browse files
committed
feat: add stable Suspense feature 🌹
1 parent dbdbb90 commit c150aac

File tree

3 files changed

+50
-13
lines changed

3 files changed

+50
-13
lines changed

apps/app/app.vue

Lines changed: 28 additions & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -9,6 +9,33 @@
99

1010
<template>
1111
<div>
12-
<NuxtPage />
12+
<Suspense>
13+
<!-- 主内容 -->
14+
<template #default>
15+
<NuxtPage />
16+
</template>
17+
18+
<!-- 加载状态 -->
19+
<template #fallback>
20+
<div class="loading-spinner"></div>
21+
</template>
22+
</Suspense>
1323
</div>
1424
</template>
25+
26+
<style lang="stylus">
27+
.loading-spinner
28+
width: 40px
29+
height: 40px
30+
margin: 100px auto
31+
border: 4px solid #f3f3f3
32+
border-top: 4px solid #3498db
33+
border-radius: 50%
34+
animation: spin 1s linear infinite
35+
36+
@keyframes spin
37+
0%
38+
transform: rotate(0deg)
39+
100%
40+
transform: rotate(360deg)
41+
</style>

apps/siyuan/package.json

Lines changed: 1 addition & 1 deletion
Original file line numberDiff line numberDiff line change
@@ -19,7 +19,7 @@
1919
"zhi-common": "^1.33.1",
2020
"zhi-device": "^2.11.0",
2121
"zhi-lib-base": "^0.8.0",
22-
"zhi-siyuan-api": "^2.26.0"
22+
"zhi-siyuan-api": "^2.29.0"
2323
},
2424
"devDependencies": {
2525
"@eslint/js": "^9.15.0",

pnpm-lock.yaml

Lines changed: 21 additions & 11 deletions
Some generated files are not rendered by default. Learn more about customizing how changed files appear on GitHub.

0 commit comments

Comments
 (0)