diff options
| author | Mistivia <i@mistivia.com> | 2025-02-20 13:26:43 +0800 |
|---|---|---|
| committer | Mistivia <i@mistivia.com> | 2025-02-20 13:26:43 +0800 |
| commit | 2ebdfe109bbff27b35a5e9ae208dabddd266191e (patch) | |
| tree | ed63233177008c7bef134606fbf0254754e91fb2 /src/components/Loading.svelte | |
| parent | a7488d695b3f647d657f6b3482d5333e1e869771 (diff) | |
change project layout
Diffstat (limited to 'src/components/Loading.svelte')
| -rw-r--r-- | src/components/Loading.svelte | 52 |
1 files changed, 0 insertions, 52 deletions
diff --git a/src/components/Loading.svelte b/src/components/Loading.svelte deleted file mode 100644 index 5fb6f9a..0000000 --- a/src/components/Loading.svelte +++ /dev/null @@ -1,52 +0,0 @@ -<script> - import { isLoading } from '../control/loading'; -</script> - -{#if $isLoading} - <div id="loading"> - <div class="loading-content"> - <div class="loading-spinner"></div> - <br> - <p>加载中...</p> - </div> - </div> -{/if} - - -<style> - /* 全屏 loading 样式 */ - #loading { - position: fixed; - top: 0; - left: 0; - width: 100%; - height: 100%; - background: rgba(255, 255, 255, 0.9); /* 半透明背景 */ - z-index: 9999; /* 确保在最前面 */ - display: block; /* 默认隐藏 */ - } - - /* loading 内容区域 */ - .loading-content { - position: absolute; - top: 50%; - left: 50%; - transform: translate(-50%, -50%); - text-align: center; - } - - /* loading 动画 */ - .loading-spinner { - width: 50px; - height: 50px; - border: 5px solid #f3f3f3; - border-top: 5px solid #3498db; - border-radius: 50%; - animation: spin 1s linear infinite; - } - - @keyframes spin { - 0% { transform: rotate(0deg); } - 100% { transform: rotate(360deg); } - } -</style> |
