在项目中加入基础动画

1.定义动画组件。

<template>
    <transition>
        <slot></slot>
    </transition>
</template>

<script>
export default{
    name:'FadeAnimation'
}    
</script>

<style lang="stylus" scopend>
    .v-enter, .v-leave-to
        opacity:0

    .v-enter-active, .v-leave-active
        transition: opacity 3s

</style>

2.引入动画组件。

猜你喜欢

转载自www.cnblogs.com/c-x-m/p/10172067.html