LoadingSignal 升级:换用新品牌 logo,明亮简洁蓝色旋转动画

logo 改用 apple-touch-icon,spinner 改为蓝色渐变环 + 微光晕
+ cubic-bezier 缓动曲线,整体更轻盈现代。
同时 ScanTerminalScreen 加载态接入 ScanTerminalLoadingScreen。
This commit is contained in:
2569718930@qq.com
2026-05-25 02:29:04 +08:00
parent ad936bfd91
commit f7eeca1021
3 changed files with 20 additions and 18 deletions
@@ -124,8 +124,8 @@
.root :global(.scan-loading-spinner-wrapper) {
position: relative;
width: 90px;
height: 90px;
width: 96px;
height: 96px;
display: grid;
place-items: center;
margin: 0 auto;
@@ -134,17 +134,19 @@
.root :global(.scan-loading-spinner-ring) {
position: absolute;
inset: 0;
border: 1.5px solid transparent;
border-top-color: var(--color-text-primary);
border-right-color: var(--color-text-primary);
border: 2px solid transparent;
border-top-color: #3b82f6;
border-right-color: #60a5fa;
border-radius: 50%;
animation: scan-loading-spin 1s linear infinite;
animation: scan-loading-spin 0.9s cubic-bezier(0.4, 0, 0.2, 1) infinite;
box-shadow: 0 0 12px rgba(59, 130, 246, 0.12);
}
.root :global(.scan-loading-spinner-logo) {
width: 44px;
height: 44px;
width: 48px;
height: 48px;
object-fit: contain;
border-radius: 8px;
}
.root :global(.scan-loading-copy-block) {