From 5543c388e2881b7306142296600b68e8a1f59339 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E5=8C=97=E6=9E=B3?=
 <7854742+wang_rumeng@user.noreply.gitee.com>
Date: Thu, 9 Oct 2025 16:45:11 +0800
Subject: [PATCH] =?UTF-8?q?H5=E5=A4=B1=E8=B4=A5=E5=B1=95=E7=A4=BA=E5=9B=BE?=
 =?UTF-8?q?=E6=A0=87?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 components/pages/work-flow/H5MediaViewer.tsx | 13 +++++++------
 1 file changed, 7 insertions(+), 6 deletions(-)

diff --git a/components/pages/work-flow/H5MediaViewer.tsx b/components/pages/work-flow/H5MediaViewer.tsx
index 67fd939..737a564 100644
--- a/components/pages/work-flow/H5MediaViewer.tsx
+++ b/components/pages/work-flow/H5MediaViewer.tsx
@@ -10,6 +10,7 @@ import ScriptLoading from './script-loading';
 import { GlassIconButton } from '@/components/ui/glass-icon-button';
 import { downloadVideo, downloadAllVideos, getFirstFrame } from '@/utils/tools';
 import { Drawer } from 'antd';
+import error_image from '@/public/assets/error.webp';
 
 interface H5MediaViewerProps {
     /** 任务对象，包含各阶段数据 */
@@ -263,9 +264,9 @@ export function H5MediaViewer({
                                         <span className="text-blue-500 text-base">Generating...</span>
                                     )}
                                     {status === 2 && (
-                                      <div className="flex flex-col items-center justify-center gap-3">
-                                        <div className="text-4xl">⚠️</div>
-                                        <span className="text-red-500 text-base">Generate failed</span>
+                                      <div className="flex flex-col items-center justify-center gap-1">
+                                        <img src={error_image.src} alt="error" className="w-12 h-12" />
+                                        <span className="text-[#fa485f] text-base">Generate failed</span>
                                       </div>
                                     )}
                                     {status !== 0 && status !== 2 && (
@@ -314,9 +315,9 @@ export function H5MediaViewer({
                                         <span className="text-blue-500 text-base">Generating...</span>
                                     )}
                                     {status === 2 && (
-                                        <div className="flex flex-col items-center justify-center gap-3">
-                                            <div className="text-4xl">⚠️</div>
-                                            <span className="text-red-500 text-base">Generate failed</span>
+                                        <div className="flex flex-col items-center justify-center gap-1">
+                                            <img src={error_image.src} alt="error" className="w-12 h-12" />
+                                            <span className="text-[#fa485f] text-base">Generate failed</span>
                                         </div>
                                     )}
                                 </div>