From 1329b758062226a35c87c388c911e2c873ddd253 Mon Sep 17 00:00:00 2001
From: zetaloop <zetaloop@outlook.com>
Date: Fri, 20 Feb 2026 20:06:52 +0800
Subject: [PATCH] fix: replace placeholder text with actual image rendering in
 post detail

---
 app/(main)/post/[id]/page.tsx | 8 +++-----
 1 file changed, 3 insertions(+), 5 deletions(-)

diff --git a/app/(main)/post/[id]/page.tsx b/app/(main)/post/[id]/page.tsx
index 2fd3f67..cdf64c1 100644
--- a/app/(main)/post/[id]/page.tsx
+++ b/app/(main)/post/[id]/page.tsx
@@ -1,4 +1,5 @@
 import { ArrowLeft, Heart, MessageCircle, Pin, Star } from "lucide-react"
+import Image from "next/image"
 import Link from "next/link"
 import { notFound } from "next/navigation"
 import { Avatar, AvatarFallback, AvatarImage } from "@/components/ui/avatar"
@@ -63,11 +64,8 @@ export default async function PostDetailPage({ params }: { params: Promise<{ id:
           {post.images.length > 0 && (
             <div className="flex gap-2 flex-wrap">
               {post.images.map((img) => (
-                <div
-                  key={img}
-                  className="h-40 w-40 rounded-md bg-muted flex items-center justify-center text-xs text-muted-foreground"
-                >
-                  图片
+                <div key={img} className="relative h-40 w-40 rounded-md overflow-hidden bg-muted">
+                  <Image src={img} alt="帖子图片" fill className="object-cover" />
                 </div>
               ))}
             </div>