feat(hud): 添加击杀信息生成器并优化页面加载体验
- 新增击杀信息生成器页面,支持CS2和CStrike两种游戏样式 - 引入字体文件用于击杀信息渲染 - 添加多种骨架屏组件(AuthSkeleton、PageSkeleton等)改善加载体验 - 更新依赖包,新增html-to-image、react-icons等库 - 优化现有组件的样式和导入路径 - 统一使用@别名导入模块
This commit is contained in:
22
web/src/components/PostSkeleton.tsx
Normal file
22
web/src/components/PostSkeleton.tsx
Normal file
@@ -0,0 +1,22 @@
|
||||
import { Card, Skeleton } from "@heroui/react";
|
||||
|
||||
export function PostSkeleton() {
|
||||
return (
|
||||
<Card className="p-4" radius="lg">
|
||||
<div className="flex flex-col gap-3">
|
||||
{/* Header area */}
|
||||
<div className="flex flex-col gap-2">
|
||||
<Skeleton className="h-5 w-1/3 rounded-lg dark:bg-zinc-700" />
|
||||
<Skeleton className="h-3 w-1/4 rounded-lg dark:bg-zinc-700" />
|
||||
</div>
|
||||
|
||||
{/* Content area */}
|
||||
<div className="space-y-2">
|
||||
<Skeleton className="h-3 w-full rounded-lg dark:bg-zinc-700" />
|
||||
<Skeleton className="h-3 w-full rounded-lg dark:bg-zinc-700" />
|
||||
<Skeleton className="h-3 w-2/3 rounded-lg dark:bg-zinc-700" />
|
||||
</div>
|
||||
</div>
|
||||
</Card>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user