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>