6fb71b01f0
- 新增 Drawer 组件用于创建可滑动的抽屉式界面 -优化 Playground 页面布局和样式，增加 logo 和 frosted glass 效果 - 添加统计卡片组件和动画效果，提升用户体验 - 新增数据项目图标组件
26 lines
848 B
TypeScript
26 lines
848 B
TypeScript
import React from "react"
|
|
|
|
import { PlaygroundIodRelevant } from "@/components/Common/Playground/IodRelevant.tsx"
|
|
import { PlaygroundData } from "@/components/Common/Playground/Data.tsx"
|
|
import { PlaygroundScene } from "@/components/Common/Playground/Scene.tsx"
|
|
import { PlaygroundTeam } from "@/components/Common/Playground/Team.tsx"
|
|
|
|
export const PlaygroundIod = () => {
|
|
return (
|
|
<div
|
|
className="w-[36%] h-full grid grid-rows-12 gap-3 pt-16 pr-5 pb-0"
|
|
style={{ paddingTop: "4rem" }}>
|
|
<div className="w-full row-span-5">
|
|
<PlaygroundIodRelevant />
|
|
</div>
|
|
<div className="w-full row-span-4 grid grid-cols-2 gap-3 custom-scrollbar">
|
|
<PlaygroundData />
|
|
<PlaygroundScene />
|
|
</div>
|
|
<div className="w-full row-span-3 pb-3">
|
|
<PlaygroundTeam />
|
|
</div>
|
|
</div>
|
|
)
|
|
}
|