forked from 77media/video-flow
最终 可编辑
This commit is contained in:
parent
3317b26dee
commit
13a2e0ed22
@ -350,7 +350,7 @@ export const MediaViewer = React.memo(function MediaViewer({
|
|||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
{/* 操作按钮组 */}
|
{/* 操作按钮组 */}
|
||||||
{/* <AnimatePresence>
|
<AnimatePresence>
|
||||||
<motion.div
|
<motion.div
|
||||||
className="absolute top-4 right-4 z-10 gap-2 hidden group-hover:flex"
|
className="absolute top-4 right-4 z-10 gap-2 hidden group-hover:flex"
|
||||||
initial={{ opacity: 0, y: -10 }}
|
initial={{ opacity: 0, y: -10 }}
|
||||||
@ -360,36 +360,11 @@ export const MediaViewer = React.memo(function MediaViewer({
|
|||||||
>
|
>
|
||||||
<GlassIconButton
|
<GlassIconButton
|
||||||
icon={Edit3}
|
icon={Edit3}
|
||||||
|
size="sm"
|
||||||
onClick={() => handleEditClick('3', 'final')}
|
onClick={() => handleEditClick('3', 'final')}
|
||||||
/>
|
/>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
</AnimatePresence> */}
|
</AnimatePresence>
|
||||||
|
|
||||||
{/* 视频信息浮层 */}
|
|
||||||
<motion.div
|
|
||||||
className="absolute bottom-0 left-0 right-0 z-10 p-4 bg-gradient-to-t from-black/80 via-black/40 to-transparent"
|
|
||||||
initial={{ opacity: 0, y: 20 }}
|
|
||||||
animate={{ opacity: 1, y: 0 }}
|
|
||||||
transition={{ delay: 1, duration: 0.6 }}
|
|
||||||
>
|
|
||||||
<div className="flex items-center justify-between">
|
|
||||||
<div className="flex items-center gap-3">
|
|
||||||
<motion.div
|
|
||||||
className="w-2 h-2 rounded-full bg-emerald-500"
|
|
||||||
animate={{
|
|
||||||
scale: [1, 1.2, 1],
|
|
||||||
opacity: [1, 0.6, 1]
|
|
||||||
}}
|
|
||||||
transition={{
|
|
||||||
duration: 2,
|
|
||||||
repeat: Infinity,
|
|
||||||
ease: "easeInOut"
|
|
||||||
}}
|
|
||||||
/>
|
|
||||||
<span className="text-sm font-medium text-white/90">{taskObject.final.note === 'final' ? 'Final product' : 'Trailer Video'}</span>
|
|
||||||
</div>
|
|
||||||
</div>
|
|
||||||
</motion.div>
|
|
||||||
|
|
||||||
{/* 底部控制区域 */}
|
{/* 底部控制区域 */}
|
||||||
<motion.div
|
<motion.div
|
||||||
@ -421,17 +396,6 @@ export const MediaViewer = React.memo(function MediaViewer({
|
|||||||
size="sm"
|
size="sm"
|
||||||
/>
|
/>
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|
||||||
{/* 完成标记 */}
|
|
||||||
<motion.div
|
|
||||||
className="absolute top-4 right-4 px-3 py-1.5 rounded-full bg-emerald-500/20 backdrop-blur-sm
|
|
||||||
border border-emerald-500/30 text-emerald-400 text-sm font-medium"
|
|
||||||
initial={{ opacity: 0, scale: 0.8, x: 20 }}
|
|
||||||
animate={{ opacity: 1, scale: 1, x: 0 }}
|
|
||||||
transition={{ delay: 1.2, duration: 0.6 }}
|
|
||||||
>
|
|
||||||
Task completed
|
|
||||||
</motion.div>
|
|
||||||
</div>
|
</div>
|
||||||
</div>
|
</div>
|
||||||
);
|
);
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user