//router-view动画
.view-leave-active {
  opacity: 1;
  transform: scaleY(1);
  transition: all .5s;
  transform-origin: center top;
}

.view-enter-active .view-leave-active {
  transform-origin: center bottom;
}

.view-enter-from, .view-leave-active {
  opacity: 0;
  transform: scaleY(0);
}

//面包屑动画
.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;
}