|
@@ -481,20 +481,22 @@ const UploadVideoModal: React.FC<UploadVideoModalProps> = ({
|
|
|
<div className={styles['upload-progress-section']}>
|
|
|
<div style={{ display: 'flex', gap: 16, alignItems: 'center' }}>
|
|
|
<div
|
|
|
- style={{ width: 104, height: 104, background: '#fafafa', border: '1px dashed #d9d9d9', borderRadius: 8, display: 'flex', alignItems: 'center', justifyContent: 'center', overflow: 'hidden', position: 'relative' }}
|
|
|
+ style={{ width: 124, height: 104, background: '#fafafa', border: '1px dashed #d9d9d9', borderRadius: 8, display: 'flex', alignItems: 'center', justifyContent: 'center', overflow: 'hidden', position: 'relative' }}
|
|
|
onMouseEnter={() => setIsVideoHovering(true)}
|
|
|
onMouseLeave={() => setIsVideoHovering(false)}
|
|
|
>
|
|
|
<video src={videoFile.localUrl} style={{ width: '100%', height: '100%', objectFit: 'cover' }} muted />
|
|
|
{!videoUploadStatus.isUploading && isVideoHovering && (
|
|
|
<div style={{ position: 'absolute', inset: 0, background: 'rgba(0,0,0,0.35)' }}>
|
|
|
- <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, display: 'flex', justifyContent: 'space-between', padding: 8 }}>
|
|
|
+ <div style={{ position: 'absolute', left: 0, right: 0, bottom: 0, display: 'flex', justifyContent: 'center', padding: 8, gap: 3 }}>
|
|
|
<Button size="small" type="primary" onClick={() => setVideoPreviewOpen(true)}>
|
|
|
预览
|
|
|
</Button>
|
|
|
- <Button size="small" danger onClick={handleVideoRemove}>
|
|
|
- 删除
|
|
|
- </Button>
|
|
|
+ {!isEditMode &&
|
|
|
+ <Button size="small" danger onClick={handleVideoRemove}>
|
|
|
+ 删除
|
|
|
+ </Button>
|
|
|
+ }
|
|
|
</div>
|
|
|
</div>
|
|
|
)}
|
|
@@ -566,7 +568,7 @@ const UploadVideoModal: React.FC<UploadVideoModalProps> = ({
|
|
|
<div className={styles['right-actions']}>
|
|
|
<Space>
|
|
|
{/* 视频上传操作 */}
|
|
|
- {videoFile && (
|
|
|
+ {videoFile && !isEditMode && (
|
|
|
<>
|
|
|
{videoUploadStatus.isUploading && (
|
|
|
<Button onClick={cancelVideoUpload}>
|