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)