28 lines
959 B
TypeScript
28 lines
959 B
TypeScript
|
|
import { Button } from "@/components/ui/button"
|
|||
|
|
import { Calendar, Download, Filter } from "lucide-react"
|
|||
|
|
|
|||
|
|
export function DashboardHeader() {
|
|||
|
|
return (
|
|||
|
|
<div className="flex flex-col md:flex-row justify-between items-start md:items-center space-y-4 md:space-y-0">
|
|||
|
|
<div>
|
|||
|
|
<h1 className="text-2xl font-bold tracking-tight">用户数字资产中台</h1>
|
|||
|
|
<p className="text-muted-foreground">欢迎回来,查看最新的用户资产数据和分析报告</p>
|
|||
|
|
</div>
|
|||
|
|
<div className="flex items-center space-x-2">
|
|||
|
|
<Button variant="outline" size="sm">
|
|||
|
|
<Calendar className="mr-2 h-4 w-4" />
|
|||
|
|
今日
|
|||
|
|
</Button>
|
|||
|
|
<Button variant="outline" size="sm">
|
|||
|
|
<Filter className="mr-2 h-4 w-4" />
|
|||
|
|
筛选
|
|||
|
|
</Button>
|
|||
|
|
<Button variant="outline" size="sm">
|
|||
|
|
<Download className="mr-2 h-4 w-4" />
|
|||
|
|
导出
|
|||
|
|
</Button>
|
|||
|
|
</div>
|
|||
|
|
</div>
|
|||
|
|
)
|
|||
|
|
}
|