2569718930@qq.com
f7eeca1021
logo 改用 apple-touch-icon，spinner 改为蓝色渐变环 + 微光晕 + cubic-bezier 缓动曲线，整体更轻盈现代。 同时 ScanTerminalScreen 加载态接入 ScanTerminalLoadingScreen。
33 lines
759 B
TypeScript
33 lines
759 B
TypeScript
import clsx from "clsx";
|
|
|
|
export function LoadingSignal({
|
|
title,
|
|
description,
|
|
compact = false,
|
|
}: {
|
|
title: string;
|
|
description?: string;
|
|
compact?: boolean;
|
|
}) {
|
|
return (
|
|
<div
|
|
className={clsx("scan-loading-signal", compact && "compact")}
|
|
role="status"
|
|
aria-live="polite"
|
|
>
|
|
<div className="scan-loading-spinner-wrapper" aria-hidden="true">
|
|
<div className="scan-loading-spinner-ring" />
|
|
<img
|
|
src="/apple-touch-icon.png"
|
|
alt="PolyWeather"
|
|
className="scan-loading-spinner-logo"
|
|
/>
|
|
</div>
|
|
<div className="scan-loading-copy-block">
|
|
<strong>{title}</strong>
|
|
{description ? <span>{description}</span> : null}
|
|
</div>
|
|
</div>
|
|
);
|
|
}
|