javascript - vue1.0过渡效果怎么变成vue2.0?
本文介绍了javascript - vue1.0过渡效果怎么变成vue2.0?的处理方法,对大家解决问题具有一定的参考价值,需要的朋友们下面随着小编来一起学习吧!
问题描述
问 题
这是1.0的过渡效果,转换成2.0的,应该是什么!
解决方案
1.在要实现效果的元素外面加上<transition name="fold"></transition>这个包裹层
2.在要实现效果的元素下面加上要实现的样式transition: translate3d(0, -100%, 0)
3.fold-enter-active,fold-leave-active
transiton: all 0.5s
这是实现效果逐渐出现和逐渐消失的过渡
4.fold-enter,fold-leave-active
transform: translate3d(0,0,0)
效果实现前和效果消失后的状态
这篇关于javascript - vue1.0过渡效果怎么变成vue2.0?的文章就介绍到这了,希望我们推荐的答案对大家有所帮助,也希望大家多多支持IT屋!
查看全文