index.acss 2.9 KB

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394959697
  1. .transition-index {
  2. display: block;
  3. height: initial;
  4. }
  5. @import "../common/index.acss";
  6. .transition-index .van-transition {
  7. transition-timing-function: ease;
  8. }
  9. .transition-index .van-fade-enter-active,
  10. .transition-index .van-fade-leave-active {
  11. transition-property: opacity;
  12. }
  13. .transition-index .van-fade-enter,
  14. .transition-index .van-fade-leave-to {
  15. opacity: 0;
  16. }
  17. .transition-index .van-fade-down-enter-active,
  18. .transition-index .van-fade-down-leave-active,
  19. .transition-index .van-fade-left-enter-active,
  20. .transition-index .van-fade-left-leave-active,
  21. .transition-index .van-fade-right-enter-active,
  22. .transition-index .van-fade-right-leave-active,
  23. .transition-index .van-fade-up-enter-active,
  24. .transition-index .van-fade-up-leave-active {
  25. transition-property: opacity, -webkit-transform;
  26. transition-property: opacity, transform;
  27. transition-property: opacity, transform, -webkit-transform;
  28. }
  29. .transition-index .van-fade-up-enter,
  30. .transition-index .van-fade-up-leave-to {
  31. -webkit-transform: translate3d(0, 100%, 0);
  32. transform: translate3d(0, 100%, 0);
  33. opacity: 0;
  34. }
  35. .transition-index .van-fade-down-enter,
  36. .transition-index .van-fade-down-leave-to {
  37. -webkit-transform: translate3d(0, -100%, 0);
  38. transform: translate3d(0, -100%, 0);
  39. opacity: 0;
  40. }
  41. .transition-index .van-fade-left-enter,
  42. .transition-index .van-fade-left-leave-to {
  43. -webkit-transform: translate3d(-100%, 0, 0);
  44. transform: translate3d(-100%, 0, 0);
  45. opacity: 0;
  46. }
  47. .transition-index .van-fade-right-enter,
  48. .transition-index .van-fade-right-leave-to {
  49. -webkit-transform: translate3d(100%, 0, 0);
  50. transform: translate3d(100%, 0, 0);
  51. opacity: 0;
  52. }
  53. .transition-index .van-slide-down-enter-active,
  54. .transition-index .van-slide-down-leave-active,
  55. .transition-index .van-slide-left-enter-active,
  56. .transition-index .van-slide-left-leave-active,
  57. .transition-index .van-slide-right-enter-active,
  58. .transition-index .van-slide-right-leave-active,
  59. .transition-index .van-slide-up-enter-active,
  60. .transition-index .van-slide-up-leave-active {
  61. transition-property: -webkit-transform;
  62. transition-property: transform;
  63. transition-property: transform, -webkit-transform;
  64. }
  65. .transition-index .van-slide-up-enter,
  66. .transition-index .van-slide-up-leave-to {
  67. -webkit-transform: translate3d(0, 100%, 0);
  68. transform: translate3d(0, 100%, 0);
  69. }
  70. .transition-index .van-slide-down-enter,
  71. .transition-index .van-slide-down-leave-to {
  72. -webkit-transform: translate3d(0, -100%, 0);
  73. transform: translate3d(0, -100%, 0);
  74. }
  75. .transition-index .van-slide-left-enter,
  76. .transition-index .van-slide-left-leave-to {
  77. -webkit-transform: translate3d(-100%, 0, 0);
  78. transform: translate3d(-100%, 0, 0);
  79. }
  80. .transition-index .van-slide-right-enter,
  81. .transition-index .van-slide-right-leave-to {
  82. -webkit-transform: translate3d(100%, 0, 0);
  83. transform: translate3d(100%, 0, 0);
  84. }