Rap 原分销系统代码Web
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.

49 line
714B

  1. // global transition css
  2. /* fade */
  3. .fade-enter-active,
  4. .fade-leave-active {
  5. transition: opacity 0.28s;
  6. }
  7. .fade-enter,
  8. .fade-leave-active {
  9. opacity: 0;
  10. }
  11. /* fade-transform */
  12. .fade-transform-leave-active,
  13. .fade-transform-enter-active {
  14. transition: all .5s;
  15. }
  16. .fade-transform-enter {
  17. opacity: 0;
  18. transform: translateX(-30px);
  19. }
  20. .fade-transform-leave-to {
  21. opacity: 0;
  22. transform: translateX(30px);
  23. }
  24. /* breadcrumb transition */
  25. .breadcrumb-enter-active,
  26. .breadcrumb-leave-active {
  27. transition: all .5s;
  28. }
  29. .breadcrumb-enter,
  30. .breadcrumb-leave-active {
  31. opacity: 0;
  32. transform: translateX(20px);
  33. }
  34. .breadcrumb-move {
  35. transition: all .5s;
  36. }
  37. .breadcrumb-leave-active {
  38. position: absolute;
  39. }