大海
30 lines
889 B
TypeScript
30 lines
889 B
TypeScript
"use client";
|
||
|
||
import { useState } from "react";
|
||
import { Card } from "@/components/ui/Card";
|
||
import { Button } from "@/components/ui/Button";
|
||
import { EmptyState } from "@/components/ui/EmptyState";
|
||
|
||
|
||
export default function PagePage() {
|
||
|
||
const [open, setOpen] = useState(false);
|
||
|
||
return (
|
||
<div className="space-y-4">
|
||
<div className="flex items-center justify-between">
|
||
<div>
|
||
<h1 className="text-xl font-bold text-gray-800">社区分享</h1>
|
||
<p className="text-sm text-gray-500 mt-1">宠物主人社区，分享萌宠日常</p>
|
||
</div>
|
||
<Button onClick={() => setOpen(true)} variant="primary" size="sm">新增</Button>
|
||
</div>
|
||
|
||
{<Card>
|
||
<p className="text-gray-500 text-sm">社区分享 页面内容</p>
|
||
<p className="text-xs text-gray-400 mt-1">路由: /items</p>
|
||
</Card>}
|
||
</div>
|
||
);
|
||
}
|