搜索

首页  >  问答  >  正文

javascript - vue1.0过渡效果怎么变成vue2.0?

这是1.0的过渡效果,转换成2.0的,应该是什么!

为情所困为情所困2750 天前573

全部回复(2)我来回复

  • 天蓬老师

    天蓬老师2017-05-19 10:42:59

    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)
    效果实现前和效果消失后的状态       

    回复
    0
  • PHP中文网

    PHP中文网2017-05-19 10:42:59

    看官网升级指南

    回复
    0
  • 取消回复