drip-public/iview
5
0
Fork 0
Code Issues Pull requests Projects Releases Packages Wiki Activity Actions

update animation:fade time

Browse source
This commit is contained in:
mo.duan 2019-09-06 15:32:44 +08:00
parent 434db3c909
commit 1228f2877b
5 changed files with 108 additions and 61 deletions
Download patch file Download diff file Expand all files Collapse all files

12
src/styles/animation/index.less
View file

@ -1,15 +1,15 @@
.motion-common() {
animation-duration: @animation-time;
.motion-common(@time) {
animation-duration: @time;
animation-fill-mode: both;
}
.make-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName, @time: @animation-time) {
.@{className}-enter-active, .@{className}-appear {
.motion-common();
.motion-common(@time);
animation-play-state: paused;
}
.@{className}-leave-active {
.motion-common();
.motion-common(@time);
animation-play-state: paused;
}
.@{className}-enter-active, .@{className}-appear {
@ -29,4 +29,4 @@
.collapse-transition {
transition: @transition-time height ease-in-out, @transition-time padding-top ease-in-out, @transition-time padding-bottom ease-in-out;
}
}