diff options
Diffstat (limited to 'frontend/src/components/Loading.svelte')
| -rw-r--r-- | frontend/src/components/Loading.svelte | 24 |
1 files changed, 24 insertions, 0 deletions
diff --git a/frontend/src/components/Loading.svelte b/frontend/src/components/Loading.svelte new file mode 100644 index 0000000..6de2ea2 --- /dev/null +++ b/frontend/src/components/Loading.svelte @@ -0,0 +1,24 @@ +<div class="loading-page" role="status" aria-live="polite"> + <span class="spinner" aria-hidden="true"></span> + <p>加载中…</p> +</div> + +<style> + .loading-page { + min-height: 100vh; + display: grid; + place-items: center; + color: var(--text-3); + } + .spinner { + width: 22px; + height: 22px; + border: 2.5px solid var(--teal); + border-top-color: transparent; + border-radius: 50%; + animation: spin 0.8s linear infinite; + } + @keyframes spin { + to { transform: rotate(360deg); } + } +</style> |