饿了么--VUE项目知识点总结

Posted 2020-10-06

1. 在使用<transition></transition>时类名的组合如下：

1     .move-enter-active, .move-leave-active {//带active的应该写在前面
2         transition: all 0.4s linear;
3         transform: translate3D(0, 0, 0) rotate(0);
4         opacity: 1;
5      }
6      .move-enter, .move-leave-active {//此处应该是 *-leave-active 不是*-leave
7         transform: translate3D(24px, 0, 0) rotate(180deg);
8         opacity: 0;
9      }