模仿已知的ui界面

1.我们模仿的界面

import React from 'react'

import { Card } from '@/components/ui/card'

import { Button } from '@/components/ui/button'

import { Avatar, AvatarFallback, AvatarImage } from '@/components/ui/avatar'

import { Search, Bell, Home, Settings, PlusCircle } from 'lucide-react'

export default function Dashboard() {

return (

{/* Top Bar */}

WINDENERGY

NICOLE DAVISON

{/* Main Content */}

{/* Frequency of Energy */}

{/* Production */}

2023

1,888 TWh

2022

1,665 TWh

2021

2,045 TWh

{/* Create A Window */}

CREATE A WINDOW

{/* Energy Power */}

#4675 Station

{/* Sidebar */}

)

}

发布人: xiaolan

发布时间: 2024-10-10 15:20:11

#源码分享

扫描二维码分享

请登录后发表评论。