pco/app/uview-ui/components/u-transition/nvue.ani-map.js

export default {
    fade: {
        enter: {opacity: 0},
        'enter-to': {opacity: 1},
        leave: {opacity: 1},
        'leave-to': {opacity: 0}
    },
    'fade-up': {
        enter: {opacity: 0, transform: 'translateY(100%)'},
        'enter-to': {opacity: 1, transform: 'translateY(0)'},
        leave: {opacity: 1, transform: 'translateY(0)'},
        'leave-to': {opacity: 0, transform: 'translateY(100%)'}
    },
    'fade-down': {
        enter: {opacity: 0, transform: 'translateY(-100%)'},
        'enter-to': {opacity: 1, transform: 'translateY(0)'},
        leave: {opacity: 1, transform: 'translateY(0)'},
        'leave-to': {opacity: 0, transform: 'translateY(-100%)'}
    },
    'fade-left': {
        enter: {opacity: 0, transform: 'translateX(-100%)'},
        'enter-to': {opacity: 1, transform: 'translateY(0)'},
        leave: {opacity: 1, transform: 'translateY(0)'},
        'leave-to': {opacity: 0, transform: 'translateX(-100%)'}
    },
    'fade-right': {
        enter: {opacity: 0, transform: 'translateX(100%)'},
        'enter-to': {opacity: 1, transform: 'translateY(0)'},
        leave: {opacity: 1, transform: 'translateY(0)'},
        'leave-to': {opacity: 0, transform: 'translateX(100%)'}
    },
    'slide-up': {
        enter: {transform: 'translateY(100%)'},
        'enter-to': {transform: 'translateY(0)'},
        leave: {transform: 'translateY(0)'},
        'leave-to': {transform: 'translateY(100%)'}
    },
    'slide-down': {
        enter: {transform: 'translateY(-100%)'},
        'enter-to': {transform: 'translateY(0)'},
        leave: {transform: 'translateY(0)'},
        'leave-to': {transform: 'translateY(-100%)'}
    },
    'slide-left': {
        enter: {transform: 'translateX(-100%)'},
        'enter-to': {transform: 'translateY(0)'},
        leave: {transform: 'translateY(0)'},
        'leave-to': {transform: 'translateX(-100%)'}
    },
    'slide-right': {
        enter: {transform: 'translateX(100%)'},
        'enter-to': {transform: 'translateY(0)'},
        leave: {transform: 'translateY(0)'},
        'leave-to': {transform: 'translateX(100%)'}
    },
    zoom: {
        enter: {transform: 'scale(0.95)'},
        'enter-to': {transform: 'scale(1)'},
        leave: {transform: 'scale(1)'},
        'leave-to': {transform: 'scale(0.95)'}
    },
    'fade-zoom': {
        enter: {opacity: 0, transform: 'scale(0.95)'},
        'enter-to': {opacity: 1, transform: 'scale(1)'},
        leave: {opacity: 1, transform: 'scale(1)'},
        'leave-to': {opacity: 0, transform: 'scale(0.95)'}
    }
}