<template>
    <transition name="slide">
        <!-- 账户余额专用过渡效果 -->
        <slot></slot>
    </transition>
</template>

<script>
export default {
    name: "slide"
};
</script>

<style lang="less" scoped>
.slide-enter-active,
.slide-leave-active {
    transition-duration: 0.3s;
}

.slide-enter-to,
.slide-leave {
    max-height: 95px;
    overflow: hidden;
}

.slide-enter,
.slide-leave-to {
    overflow: hidden;
    max-height: 0;
}
</style>
