This is the transition effect of 1.0, what should it be when converted to 2.0!
1. Add the <transition name="fold"></transition> wrapping layer outside the element to achieve the effect
2. Add the style transition to be implemented below the element to achieve the effect: translate3d( 0, -100%, 0)
3.fold-enter-active,fold-leave-active
transiton: all 0.5s
這是實現(xiàn)效果逐漸出現(xiàn)和逐漸消失的過渡
4.fold-enter,fold-leave-active
transform: translate3d(0,0,0)
效果實現(xiàn)前和效果消失后的狀態(tài)