will-change 优化 内置组件 transition 动画性能

This commit is contained in:
马云海 mayunhai () 2019-06-21 17:21:48 +08:00
parent 56bf274777
commit 7c89ab8d0c
1 changed files with 4 additions and 0 deletions

View File

@ -3,6 +3,7 @@
/* fade */
.fade-enter-active,
.fade-leave-active {
will-change: opacity;
transition: opacity 0.28s;
}
@ -14,6 +15,7 @@
/* fade-transform */
.fade-transform-leave-active,
.fade-transform-enter-active {
will-change: opacity, transform;
transition: all .5s;
}
@ -30,6 +32,7 @@
/* breadcrumb transition */
.breadcrumb-enter-active,
.breadcrumb-leave-active {
will-change: opacity, transform;
transition: all .5s;
}
@ -40,6 +43,7 @@
}
.breadcrumb-move {
will-change: opacity, transform;
transition: all .5s;
}