Commit 26d8c9b4 authored by chenshouchao's avatar chenshouchao

feat: 修改动画持续时间

parent d84b6267
......@@ -8,12 +8,12 @@
z-index: 100;
display: flex;
flex-direction: column;
animation: showBG 1.1s ease;
-webkit-animation: showBG 1.1s ease;
animation: showBG 0.31s ease;
-webkit-animation: showBG 0.31s ease;
}
.drawerBoxHidden {
animation: hiddenBG 1.1s ease;
-webkit-animation: hiddenBG 1.1s ease;
animation: hiddenBG 0.31s ease;
-webkit-animation: hiddenBG 0.31s ease;
}
.closeBox {
display: flex;
......@@ -24,12 +24,12 @@
top: 0;
left: 0;
align-items: center;
animation: showClose 1.1s ease;
-webkit-animation: showClose 1.1s ease;
animation: showClose 0.31s ease;
-webkit-animation: showClose 0.31s ease;
}
.closeBoxHidden {
animation: hiddenClose 1.1s ease;
-webkit-animation: hiddenClose 1.1s ease;
animation: hiddenClose 0.31s ease;
-webkit-animation: hiddenClose 0.31s ease;
}
.closeiIcon {
position: absolute;
......@@ -49,12 +49,12 @@
/* padding: 24px 32px; */
box-sizing: border-box;
overflow: scroll;
animation: showDrawer 1.1s ease;
-webkit-animation: showDrawer 1.1s ease;
animation: showDrawer 0.31s ease;
-webkit-animation: showDrawer 0.31s ease;
}
.contentBoxHidden {
animation: hiddenDrawer 1.1s ease;
-webkit-animation: hiddenDrawer 1.1s ease;
animation: hiddenDrawer 0.31s ease;
-webkit-animation: hiddenDrawer 0.31s ease;
}
@keyframes showBG {
......
......@@ -18,7 +18,7 @@ const FullScreenDrawer = (props: IFullScreenDrawerProps) => {
setTimeout(() => {
setCloseing(false);
handleClose();
}, 1000);
}, 300);
};
return (
<div
......
Markdown is supported
0% or
You are about to add 0 people to the discussion. Proceed with caution.
Finish editing this message first!
Please register or to comment