add Message component
add Message component
This commit is contained in:
parent
c1cfacb2d4
commit
7c15ac9e31
27 changed files with 653 additions and 38 deletions
26
styles/animation/index.less
Normal file
26
styles/animation/index.less
Normal file
|
@ -0,0 +1,26 @@
|
|||
.motion-common() {
|
||||
animation-duration: @animation-time;
|
||||
animation-fill-mode: both;
|
||||
}
|
||||
|
||||
.make-motion(@className, @keyframeName) {
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
.motion-common();
|
||||
animation-play-state: paused;
|
||||
}
|
||||
.@{className}-leave {
|
||||
.motion-common();
|
||||
animation-play-state: paused;
|
||||
}
|
||||
.@{className}-enter, .@{className}-appear {
|
||||
animation-name: ~"@{keyframeName}In";
|
||||
animation-play-state: running;
|
||||
}
|
||||
.@{className}-leave {
|
||||
animation-name: ~"@{keyframeName}Out";
|
||||
animation-play-state: running;
|
||||
}
|
||||
}
|
||||
|
||||
@import "fade";
|
||||
@import "move";
|
Loading…
Add table
Add a link
Reference in a new issue