lanan-old/lanan-master-uniapp/uni_modules/uview-ui/components/u-transition/nvue.ani-map.js
愉快的大福 7dc28dc701 init
2024-07-17 14:16:22 +08:00

176 lines
2.6 KiB
JavaScript

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)'
}
}
}