🎉 init: 小龙的工作空间

2026-06-06 10:40:48 +08:00
commit a188ee1426
3201 changed files with 231817 additions and 0 deletions
@@ -0,0 +1,8 @@
+@tailwind base;
+@tailwind components;
+@tailwind utilities;
+
+body {
+  -webkit-font-smoothing: antialiased;
+  -moz-osx-font-smoothing: grayscale;
+}
@@ -0,0 +1,30 @@
+import type { Metadata } from "next";
+import "./globals.css";
+import { Sidebar } from "@/components/layout/Sidebar";
+import { BottomNav } from "@/components/layout/BottomNav";
+
+export const metadata: Metadata = {
+  title: "SocialApp",
+  description: "一款以内容分享和用户互动为核心的社交应用。",
+};
+
+export default function RootLayout({ children }: { children: React.ReactNode }) {
+  return (
+    <html lang="zh-CN">
+      <body className="bg-gray-50 min-h-screen">
+        <div className="flex">
+          {/* Desktop Sidebar */}
+          <Sidebar items={[{"name":"首页","href":"/home","icon":"🏠"},{"name":"文章发布","href":"/articles","icon":"📋"},{"name":"分类标签","href":"/tags","icon":"📅"},{"name":"评论管理","href":"/comments","icon":"✏️"},{"name":"媒体库","href":"/media","icon":"📸"}] } projectName="SocialApp" />
+          {/* Main Content */}
+          <main className="flex-1 lg:pl-64 pb-20 lg:pb-0">
+            <div className="max-w-2xl mx-auto px-4 py-6">
+              {children}
+            </div>
+          </main>
+        </div>
+        {/* Mobile Bottom Nav */}
+        <BottomNav items={[{"name":"首页","href":"/home","icon":"🏠"},{"name":"文章发布","href":"/articles","icon":"📋"},{"name":"分类标签","href":"/tags","icon":"📅"},{"name":"评论管理","href":"/comments","icon":"✏️"}] } />
+      </body>
+    </html>
+  );
+}
@@ -0,0 +1,29 @@
+"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">路由: /messages</p>
+        </Card>}
+    </div>
+  );
+}
@@ -0,0 +1,50 @@
+import Link from "next/link";
+
+export default function HomePage() {
+  return (
+    <div className="space-y-6">
+      {/* Hero Section */}
+      <section className="bg-gradient-to-br from-blue-500 to-blue-700 rounded-2xl p-6 text-white">
+        <h1 className="text-2xl font-bold">SocialApp</h1>
+        <p className="mt-2 text-blue-100 text-sm">应用首页</p>
+      </section>
+
+      {/* Quick Actions */}
+      <section>
+        <h2 className="text-lg font-semibold text-gray-800 mb-3">快捷入口</h2>
+        <div className="grid grid-cols-2 gap-3">
+          <Link key="0" href="/home" className="bg-white rounded-xl border border-gray-100 p-4 text-center hover:shadow-md transition-shadow">
+            <span className="text-2xl block mb-1">📋</span>
+            <span className="text-sm text-gray-600">文章发布</span>
+          </Link>
+          <Link key="1" href="/home" className="bg-white rounded-xl border border-gray-100 p-4 text-center hover:shadow-md transition-shadow">
+            <span className="text-2xl block mb-1">📅</span>
+            <span className="text-sm text-gray-600">分类标签</span>
+          </Link>
+          <Link key="2" href="/home" className="bg-white rounded-xl border border-gray-100 p-4 text-center hover:shadow-md transition-shadow">
+            <span className="text-2xl block mb-1">📝</span>
+            <span className="text-sm text-gray-600">评论管理</span>
+          </Link>
+          <Link key="3" href="/home" className="bg-white rounded-xl border border-gray-100 p-4 text-center hover:shadow-md transition-shadow">
+            <span className="text-2xl block mb-1">📸</span>
+            <span className="text-sm text-gray-600">媒体库</span>
+          </Link>
+        </div>
+      </section>
+
+      {/* Recent Activity / Stats */}
+      <section>
+        <h2 className="text-lg font-semibold text-gray-800 mb-3">今日概览</h2>
+        <div className="bg-white rounded-xl border border-gray-100 p-4">
+          <div className="flex items-center justify-between">
+            <div>
+              <p className="text-sm text-gray-500">欢迎使用 SocialApp</p>
+              <p className="text-xs text-gray-400 mt-1">开始探索功能吧</p>
+            </div>
+            <span className="text-3xl">👋</span>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}
@@ -0,0 +1,29 @@
+"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">路由: /profile/:userId</p>
+        </Card>}
+    </div>
+  );
+}
@@ -0,0 +1,29 @@
+"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">路由: /publish</p>
+        </Card>}
+    </div>
+  );
+}