+
+ );
+}
diff --git a/src/app/api/items/[id]/route.ts b/src/app/api/items/[id]/route.ts
new file mode 100644
index 0000000..1d1a9b8
--- /dev/null
+++ b/src/app/api/items/[id]/route.ts
@@ -0,0 +1,22 @@
+import { prisma } from "@/lib/prisma";
+import { NextResponse } from "next/server";
+
+export async function PATCH(
+ request: Request,
+ { params }: { params: Promise<{ id: string }> }
+) {
+ const { id } = await params;
+ const body = await request.json();
+ const { status } = body;
+
+ if (!status || !["saved", "bought"].includes(status)) {
+ return NextResponse.json({ error: "无效的状态值" }, { status: 400 });
+ }
+
+ const item = await prisma.item.update({
+ where: { id },
+ data: { status },
+ });
+
+ return NextResponse.json(item);
+}
diff --git a/src/app/api/items/route.ts b/src/app/api/items/route.ts
new file mode 100644
index 0000000..3dc55f2
--- /dev/null
+++ b/src/app/api/items/route.ts
@@ -0,0 +1,24 @@
+import { prisma } from "@/lib/prisma";
+import { NextResponse } from "next/server";
+
+export async function GET() {
+ const items = await prisma.item.findMany({
+ orderBy: { createdAt: "desc" },
+ });
+ return NextResponse.json(items);
+}
+
+export async function POST(request: Request) {
+ const body = await request.json();
+ const { name, price, link, image } = body;
+
+ if (!name || price == null || !link || !image) {
+ return NextResponse.json({ error: "缺少必填字段" }, { status: 400 });
+ }
+
+ const item = await prisma.item.create({
+ data: { name, price: Number(price), link, image },
+ });
+
+ return NextResponse.json(item, { status: 201 });
+}
diff --git a/src/app/apple-icon.png b/src/app/apple-icon.png
new file mode 100644
index 0000000..09f815a
Binary files /dev/null and b/src/app/apple-icon.png differ
diff --git a/src/app/favicon.ico b/src/app/favicon.ico
new file mode 100644
index 0000000..61dafd8
Binary files /dev/null and b/src/app/favicon.ico differ
diff --git a/src/app/globals.css b/src/app/globals.css
new file mode 100644
index 0000000..abca9cc
--- /dev/null
+++ b/src/app/globals.css
@@ -0,0 +1,10 @@
+@import "tailwindcss";
+
+@theme inline {
+ --font-sans: var(--font-geist-sans);
+ --font-mono: var(--font-geist-mono);
+}
+
+body {
+ font-family: var(--font-sans), system-ui, sans-serif;
+}
diff --git a/src/app/icon.png b/src/app/icon.png
new file mode 100644
index 0000000..6785dcf
Binary files /dev/null and b/src/app/icon.png differ
diff --git a/src/app/layout.tsx b/src/app/layout.tsx
new file mode 100644
index 0000000..16b4a6a
--- /dev/null
+++ b/src/app/layout.tsx
@@ -0,0 +1,53 @@
+import type { Metadata, Viewport } from "next";
+import { Geist, Geist_Mono } from "next/font/google";
+import PwaInstallGuide from "@/components/PwaInstallGuide";
+import "./globals.css";
+
+const geistSans = Geist({
+ variable: "--font-geist-sans",
+ subsets: ["latin"],
+});
+
+const geistMono = Geist_Mono({
+ variable: "--font-geist-mono",
+ subsets: ["latin"],
+});
+
+export const viewport: Viewport = {
+ themeColor: "#000000",
+ width: "device-width",
+ initialScale: 1,
+ maximumScale: 1,
+ userScalable: false,
+ viewportFit: "cover",
+};
+
+export const metadata: Metadata = {
+ title: "剁手小黑屋 | ImpulseJail",
+ description: "反冲动消费工具——把想买的商品关进小黑屋冷却 72 小时",
+ appleWebApp: {
+ capable: true,
+ title: "小黑屋",
+ statusBarStyle: "black-translucent",
+ },
+ formatDetection: {
+ telephone: false,
+ },
+};
+
+export default function RootLayout({
+ children,
+}: Readonly<{
+ children: React.ReactNode;
+}>) {
+ return (
+
+
+ {children}
+
+
+
+
+
+
+
+
+ 关押新商品
+
+
+ );
+}
+
+export default function HomePage() {
+ const [items, setItems] = useState
+ {/* 商品图片 */}
+
+
+ {/* 操作按钮区 */}
+
+ 
+
+
+ {/* 商品信息 */}
+
+
+
+
+
+ {/* 倒计时 */}
+ + {item.name} +
++ ¥{item.price.toLocaleString("zh-CN", { minimumFractionDigits: 2 })} +
+
+
+
+ {isExpired ? (
+
+
+
+
+
+ ) : (
+
+ )}
+
+
+ );
+}
diff --git a/src/components/PwaInstallGuide.tsx b/src/components/PwaInstallGuide.tsx
new file mode 100644
index 0000000..ce82724
--- /dev/null
+++ b/src/components/PwaInstallGuide.tsx
@@ -0,0 +1,99 @@
+"use client";
+
+import { useState, useEffect } from "react";
+import { AnimatePresence, motion } from "framer-motion";
+import { X, Share } from "lucide-react";
+
+const DISMISS_KEY = "pwa-guide-dismissed-at";
+const SUPPRESS_DAYS = 7;
+
+function isDismissed(): boolean {
+ try {
+ const raw = localStorage.getItem(DISMISS_KEY);
+ if (!raw) return false;
+ const dismissedAt = Number(raw);
+ return Date.now() - dismissedAt < SUPPRESS_DAYS * 24 * 60 * 60 * 1000;
+ } catch {
+ return false;
+ }
+}
+
+function dismiss() {
+ try {
+ localStorage.setItem(DISMISS_KEY, String(Date.now()));
+ } catch {}
+}
+
+export default function PwaInstallGuide() {
+ const [visible, setVisible] = useState(false);
+
+ useEffect(() => {
+ const isIos = /iPhone|iPad|iPod/i.test(navigator.userAgent);
+ const isStandalone =
+ ("standalone" in navigator && (navigator as never)["standalone"]) ||
+ window.matchMedia("(display-mode: standalone)").matches;
+
+ if (isIos && !isStandalone && !isDismissed()) {
+ setVisible(true);
+ }
+ }, []);
+
+ function handleClose() {
+ dismiss();
+ setVisible(false);
+ }
+
+ return (
+
+ {/* Header */}
+
+
+
+
+ {/* 省钱看板 */}
+
+
+
+ 剁手小黑屋
+
+
+
+ {/* 在押商品列表 */}
+
+
+ + ¥{savedTotal.toLocaleString("zh-CN", { minimumFractionDigits: 2 })} +
+
+
+
+ {loading ? (
+
+
+
+ ) : coolingItems.length === 0 ? (
+
+
+ ) : (
+ 小黑屋空空如也
+看来你最近很理性！
+
+ {coolingItems.map((item) => (
+
+ )}
+
+
+
+
+
+ 💡 想要最佳体验？点击底部
+
+
+
+
+
+
+