init: 初始化 AssetX 项目仓库
包含 webapp(Next.js 用户端)、webapp-back(Go 后端)、 antdesign(管理后台)、landingpage(营销落地页)、 数据库 SQL 和配置文件。
This commit is contained in:
31
webapp/components/fundmarket/StatsCardsSkeleton.tsx
Normal file
31
webapp/components/fundmarket/StatsCardsSkeleton.tsx
Normal file
@@ -0,0 +1,31 @@
|
||||
"use client";
|
||||
|
||||
import { Card, CardBody, Skeleton } from "@heroui/react";
|
||||
|
||||
export default function StatsCardsSkeleton() {
|
||||
return (
|
||||
<div className="grid grid-cols-1 md:grid-cols-2 lg:grid-cols-4 gap-6">
|
||||
{[1, 2, 3, 4].map((index) => (
|
||||
<Card
|
||||
key={index}
|
||||
className="bg-bg-surface dark:bg-gray-800 border border-border-gray dark:border-gray-700 rounded-[2rem]"
|
||||
>
|
||||
<CardBody className="py-6 px-6">
|
||||
<div className="flex flex-col gap-3">
|
||||
{/* Label Skeleton */}
|
||||
<Skeleton className="h-4 w-32 rounded" />
|
||||
|
||||
{/* Value Skeleton */}
|
||||
<div className="flex items-center gap-2">
|
||||
<Skeleton className="h-8 w-28 rounded" />
|
||||
</div>
|
||||
|
||||
{/* Change Badge Skeleton */}
|
||||
<Skeleton className="h-5 w-16 rounded-full" />
|
||||
</div>
|
||||
</CardBody>
|
||||
</Card>
|
||||
))}
|
||||
</div>
|
||||
);
|
||||
}
|
||||
Reference in New Issue
Block a user