vue 动画过渡

html

<transition name="slide">
    <div class="detail">
       XXX显示和隐藏的内容
    </div> 
</transition>

　　

样式

.detail
transition:all 0.2s
&.fade-transition
               opacity:1
               background:rgba(7,17,27,0.8)
           &.fade-enter,&.fade-leave
               opacity:0
               background:rgba(7,17,27,0)

　　

posted @ 2017-09-20 17:44  karila  阅读(127)  评论(0)    收藏  举报