blob: 6de2ea2af3bb3d74b7fa9a9df04ebbd7cd749adb (
plain)
1
2
3
4
5
6
7
8
9
10
11
12
13
14
15
16
17
18
19
20
21
22
23
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>
|
