fix: loading页面支持图片和视频展示

src/pages/generate/index.tsx

@@ -1,4 +1,4 @@
-import { View, Text, Button, Image } from '@tarojs/components'
+import { View, Text, Button, Image, Video } from '@tarojs/components'
 import { useEffect, useState } from 'react'
 import Taro, { switchTab, navigateTo } from '@tarojs/taro'
 import { useServerSdk } from '../../hooks/index'
@@ -98,13 +98,36 @@ export default function Generate() {
     </View>
   )
 
-  const renderSuccess = () => (
+  const renderSuccess = () => {
+    // 检测是否为视频
+    const isVideo = result?.outputUrl && /\.(mp4|webm|ogg|mov|avi|mkv|flv)$/i.test(result.outputUrl)
+    
+    return (
       <View className='generate-success'>
         <View className='result-container'>
           <Text className='success-text'>处理完成！</Text>
           {result?.outputUrl && (
-          <View className='result-image'>
+            <View className='result-media'>
-            <Image src={result.outputUrl} mode='aspectFit' />
+              {isVideo ? (
+                <Video
+                  className='result-video'
+                  src={result.outputUrl}
+                  autoplay
+                  muted
+                  loop
+                  objectFit='cover'
+                  showPlayBtn={false}
+                  showCenterPlayBtn={false}
+                  showFullscreenBtn={false}
+                  controls={false}
+                />
+              ) : (
+                <Image 
+                  className='result-image'
+                  src={result.outputUrl} 
+                  mode='aspectFit' 
+                />
+              )}
             </View>
           )}
         </View>
@@ -118,6 +141,7 @@ export default function Generate() {
         </View>
       </View>
     )
+  }
 
   const renderError = () => (
     <View className='generate-error'>