🎉 init: 小龙的工作空间

2026-06-06 10:40:48 +08:00
commit a188ee1426
3201 changed files with 231817 additions and 0 deletions
@@ -0,0 +1,13 @@
+"use client";
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+
+export default function CartPage() {
+  return (
+    <div className="space-y-4">
+      <h1 className="text-xl font-bold text-gray-800">购物车</h1>
+      <Card><p className="text-sm text-gray-500">购物车功能开发中...</p></Card>
+      <Button variant="primary" className="w-full" size="lg">去结算</Button>
+    </div>
+  );
+}
@@ -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: "ShopApp",
+  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":"/products","icon":"📋"},{"name":"库存盘点","href":"/stocktaking","icon":"📅"},{"name":"供应商管理","href":"/suppliers","icon":"✏️"},{"name":"库存预警","href":"/stock_alerts","icon":"📸"}] } projectName="ShopApp" />
+          {/* 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":"/products","icon":"📋"},{"name":"库存盘点","href":"/stocktaking","icon":"📅"},{"name":"供应商管理","href":"/suppliers","icon":"✏️"}] } />
+      </body>
+    </html>
+  );
+}
@@ -0,0 +1,12 @@
+"use client";
+import { Card } from "@/components/ui/Card";
+import { EmptyState } from "@/components/ui/EmptyState";
+
+export default function OrderPage() {
+  return (
+    <div className="space-y-4">
+      <h1 className="text-xl font-bold text-gray-800">我的订单</h1>
+      <EmptyState icon="📦" title="暂无订单" description="去逛逛吧" />
+    </div>
+  );
+}
@@ -0,0 +1,12 @@
+"use client";
+import { Card } from "@/components/ui/Card";
+import { EmptyState } from "@/components/ui/EmptyState";
+
+export default function OrderPage() {
+  return (
+    <div className="space-y-4">
+      <h1 className="text-xl font-bold text-gray-800">我的订单</h1>
+      <EmptyState icon="📦" title="暂无订单" description="去逛逛吧" />
+    </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">ShopApp</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">欢迎使用 ShopApp</p>
+              <p className="text-xs text-gray-400 mt-1">开始探索功能吧</p>
+            </div>
+            <span className="text-3xl">👋</span>
+          </div>
+        </div>
+      </section>
+    </div>
+  );
+}
@@ -0,0 +1,18 @@
+"use client";
+import { Button } from "@/components/ui/Button";
+
+export default function ProductDetailPage() {
+  return (
+    <div className="space-y-4">
+      <div className="aspect-square bg-gray-100 rounded-2xl flex items-center justify-center text-6xl">📦</div>
+      <h1 className="text-xl font-bold">商品名称</h1>
+      <p className="text-2xl font-bold text-red-500">¥99.00</p>
+      <p className="text-sm text-gray-500">库存充足 · 24小时内发货</p>
+      <Button variant="primary" className="w-full" size="lg">加入购物车</Button>
+      <div className="space-y-2">
+        <h3 className="font-semibold text-gray-700">商品详情</h3>
+        <p className="text-sm text-gray-500 leading-relaxed">商品详细描述信息。这里会展示商品的全部规格参数、使用方法、注意事项等内容。</p>
+      </div>
+    </div>
+  );
+}
@@ -0,0 +1,43 @@
+"use client";
+
+import { Card } from "@/components/ui/Card";
+import { Button } from "@/components/ui/Button";
+
+const menuItems = [
+  { icon: "⚙️", label: "设置", href: "#" },
+  { icon: "🔔", label: "通知", href: "#" },
+  { icon: "❓", label: "帮助与反馈", href: "#" },
+  { icon: "📄", label: "关于我们", href: "#" },
+];
+
+export default function ProfilePage() {
+  return (
+    <div className="space-y-6">
+      {/* User Info */}
+      <div className="bg-gradient-to-br from-blue-500 to-blue-700 rounded-2xl p-6 text-white text-center">
+        <div className="w-20 h-20 mx-auto rounded-full bg-white/20 flex items-center justify-center text-3xl backdrop-blur">😊</div>
+        <h1 className="text-xl font-bold mt-3">用户昵称</h1>
+        <p className="text-sm text-blue-100">138****1234</p>
+        <Button variant="ghost" className="mt-3 bg-white/10 text-white hover:bg-white/20" size="sm">编辑资料</Button>
+      </div>
+
+      {/* Stats */}
+      <div className="grid grid-cols-3 gap-3">
+        <Card className="text-center"><p className="text-xl font-bold text-gray-800">0</p><p className="text-xs text-gray-500">收藏</p></Card>
+        <Card className="text-center"><p className="text-xl font-bold text-gray-800">0</p><p className="text-xs text-gray-500">订单</p></Card>
+        <Card className="text-center"><p className="text-xl font-bold text-gray-800">0</p><p className="text-xs text-gray-500">足迹</p></Card>
+      </div>
+
+      {/* Menu */}
+      <Card className="divide-y divide-gray-50 p-0">
+        {menuItems.map((item, i) => (
+          <a key={i} href={item.href} className="flex items-center gap-3 px-4 py-3 hover:bg-gray-50 transition-colors">
+            <span className="text-lg">{item.icon}</span>
+            <span className="flex-1 text-sm text-gray-700">{item.label}</span>
+            <svg className="w-4 h-4 text-gray-300" fill="none" stroke="currentColor" viewBox="0 0 24 24"><path strokeLinecap="round" strokeLinejoin="round" strokeWidth={2} d="M9 5l7 7-7 7" /></svg>
+          </a>
+        ))}
+      </Card>
+    </div>
+  );
+}