该组件用于组件的动画过渡效果。

#平台差异说明

#基本使用

通过slot传入内容，默认使用的是fade效果

<template>
    <u-transition :show="show">
        <view class="transition"></view>
    </u-transition>
</template>

<script>
    export default {
        data() {
            return {
                show: true
            }
        }
    }
</script>

copy

#动画模式

通过mode传入效果模式，目前支持：

• fade 淡入
• fade-up 上滑淡入
• fade-down 下滑淡入
• fade-left 左滑淡入
• fade-right 右滑淡入
• slide-up 上滑进入
• slide-down 下滑进入
• slide-left 左滑进入
• slide-right 右滑进入
• zoom-in 缩放
• zoom-out 缩放

<template>
    <u-transition :show="show" mode="zoom-in">
        <view class="transition"></view>
    </u-transition>
</template>

<script>
    export default {
        data() {
            return {
                show: true
            }
        }
    }
</script>