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

---
 app/(order)/dispute/[id]/page.tsx | 5 +++--
 1 file changed, 3 insertions(+), 2 deletions(-)

diff --git a/app/(order)/dispute/[id]/page.tsx b/app/(order)/dispute/[id]/page.tsx
index 79d05ce..eeb9c0b 100644
--- a/app/(order)/dispute/[id]/page.tsx
+++ b/app/(order)/dispute/[id]/page.tsx
@@ -1,6 +1,7 @@
 "use client"
 
 import { AlertTriangle, ArrowLeft, Clock, FileText } from "lucide-react"
+import Image from "next/image"
 import Link from "next/link"
 import { use, useState } from "react"
 import { Badge } from "@/components/ui/badge"
@@ -76,9 +77,9 @@ export default function DisputePage({ params }: { params: Promise<{ id: string }
                   {existingDispute.evidence.map((url) => (
                     <div
                       key={url}
-                      className="h-20 w-20 rounded border bg-muted flex items-center justify-center text-xs text-muted-foreground"
+                      className="relative h-20 w-20 rounded border overflow-hidden bg-muted"
                     >
-                      截图
+                      <Image src={url} alt="证据截图" fill className="object-cover" />
                     </div>
                   ))}
                 </div>