javascript - vue 2.0 transiton过渡效果异常
世界只因有你
世界只因有你 2017-05-19 10:33:34
0
1
564

vue2.0上做切换过渡时,发现切换显示正常,切换消失时有延时没有过渡效果

<transition name='fade'>
        <p v-show="isShow" class="detail" >
            
        </p>
        </transition>
.detail
            position fixed
            z-index 100
            top 0
            left 0
            width 100%
            height 100%
            overflow auto
            background rgba(7,17,27,.8)
            &.fade-enter-active,&.fade-leave-active
                transition opacity 3s
            &.fade-enter,&fade-leave-active
                opacity 0
世界只因有你
世界只因有你

全部回复(1)
大家讲道理

能用animate.css 就用, 不要自己去造轮子。 直接 <transition enter-active-class="animated fadeIn" leave-active-clss="animated fadeOut"></transition>

热门教程
更多>
最新下载
更多>
网站特效
网站源码
网站素材
前端模板
关于我们 免责声明 Sitemap
PHP中文网:公益在线PHP培训,帮助PHP学习者快速成长!