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

support Alert

Browse source 
support Alert
This commit is contained in:
梁灏 2017-03-02 11:50:02 +08:00
parent 2d5ba27837
commit 5d122b374c
12 changed files with 69 additions and 60 deletions
Download patch file Download diff file Expand all files Collapse all files

4
src/styles/animation/ease.less
View file

@ -1,11 +1,11 @@
.ease-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName);
.@{className}-enter, .@{className}-appear {
.@{className}-enter-active, .@{className}-appear {
opacity: 0;
animation-timing-function: linear;
animation-duration: @transition-time;
}
.@{className}-leave {
.@{className}-leave-active {
animation-timing-function: linear;
animation-duration: @transition-time;
}

4
src/styles/animation/fade.less
View file

@ -1,10 +1,10 @@
.fade-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName);
.@{className}-enter, .@{className}-appear {
.@{className}-enter-active, .@{className}-appear {
opacity: 0;
animation-timing-function: linear;
}
.@{className}-leave {
.@{className}-leave-active {
animation-timing-function: linear;
}
}

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

@ -4,19 +4,19 @@
}
.make-motion(@className, @keyframeName) {
.@{className}-enter, .@{className}-appear {
.@{className}-enter-active, .@{className}-appear {
.motion-common();
animation-play-state: paused;
}
.@{className}-leave {
.@{className}-leave-active {
.motion-common();
animation-play-state: paused;
}
.@{className}-enter, .@{className}-appear {
.@{className}-enter-active, .@{className}-appear {
animation-name: ~"@{keyframeName}In";
animation-play-state: running;
}
.@{className}-leave {
.@{className}-leave-active {
animation-name: ~"@{keyframeName}Out";
animation-play-state: running;
}

4
src/styles/animation/move.less
View file

@ -1,10 +1,10 @@
.move-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName);
.@{className}-enter, .@{className}-appear {
.@{className}-enter-active, .@{className}-appear {
opacity: 0;
animation-timing-function: @ease-in-out;
}
.@{className}-leave {
.@{className}-leave-active {
animation-timing-function: @ease-in-out;
}
}

4
src/styles/animation/slide.less
View file

@ -1,10 +1,10 @@
.slide-motion(@className, @keyframeName) {
.make-motion(@className, @keyframeName);
.@{className}-enter, .@{className}-appear {
.@{className}-enter-active, .@{className}-appear {
opacity: 0;
animation-timing-function: @ease-in-out;
}
.@{className}-leave {
.@{className}-leave-active {
animation-timing-function: @ease-in-out;
}
}