style:breadcrumb add transition

2017-11-14 10:09:32 +08:00
parent e0a1e249ee
commit 35055c5e51
2 changed files with 25 additions and 0 deletions
--- a/src/styles/transition.scss
+++ b/src/styles/transition.scss
@@ -1,4 +1,6 @@
 //globl transition css
+
+/*fade*/
 .fade-enter-active,
 .fade-leave-active {
  transition: opacity 0.28s;
@@ -8,3 +10,24 @@
 .fade-leave-active {
  opacity: 0;
 }
+
+/*fade*/
+.breadcrumb-enter-active,
+.breadcrumb-leave-active {
+  transition: all .5s;
+}
+
+.breadcrumb-enter,
+.breadcrumb-leave-active {
+  opacity: 0;
+  transform: translateX(20px);
+}
+
+.breadcrumb-move {
+  transition: all .5s;
+}
+
+.breadcrumb-leave-active {
+  position: absolute;
+}
+