forked from 77media/video-flow
优化 ScriptTabContent 动画效果
This commit is contained in:
parent
7568336be6
commit
817c5d5144
@ -31,29 +31,8 @@ export function ScriptTabContent({
|
|||||||
<div className="flex flex-col h-full">
|
<div className="flex flex-col h-full">
|
||||||
<motion.div
|
<motion.div
|
||||||
className="relative w-full h-[90vh] backdrop-blur-xl rounded-2xl shadow-2xl overflow-hidden flex flex-col"
|
className="relative w-full h-[90vh] backdrop-blur-xl rounded-2xl shadow-2xl overflow-hidden flex flex-col"
|
||||||
initial={{ scale: 0.95, y: 10, opacity: 0 }}
|
initial={{ opacity: 0, y: 20 }}
|
||||||
animate={{
|
animate={{ opacity: 1, y: 0 }}
|
||||||
scale: 1,
|
|
||||||
y: 0,
|
|
||||||
opacity: 1,
|
|
||||||
transition: {
|
|
||||||
type: "spring",
|
|
||||||
duration: 0.3,
|
|
||||||
bounce: 0.15,
|
|
||||||
stiffness: 300,
|
|
||||||
damping: 25
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
exit={{
|
|
||||||
scale: 0.95,
|
|
||||||
y: 10,
|
|
||||||
opacity: 0,
|
|
||||||
transition: {
|
|
||||||
type: "tween",
|
|
||||||
duration: 0.1,
|
|
||||||
ease: "easeOut"
|
|
||||||
}
|
|
||||||
}}
|
|
||||||
>
|
>
|
||||||
<ScriptRenderer data={scriptData} setIsPauseWorkFlow={setIsPauseWorkFlow} setAnyAttribute={setAnyAttribute} isPauseWorkFlow={isPauseWorkFlow} />
|
<ScriptRenderer data={scriptData} setIsPauseWorkFlow={setIsPauseWorkFlow} setAnyAttribute={setAnyAttribute} isPauseWorkFlow={isPauseWorkFlow} />
|
||||||
</motion.div>
|
</motion.div>
|
||||||
|
|||||||
Loading…
x
Reference in New Issue
Block a user