hly
/
pet-front-order
1
0
Fork 0
Code Issues 0 Pull Requests 0 Projects 0 Releases 0 Wiki Activity
You can not select more than 25 topics Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
2 Commits
1 Branch
32 MiB
Tree: c68077f701
Branches Tags
${ item.name }
Create branch ${ searchTerm }
from 'c68077f701'
${ noResults }
pet-front-order/uni_modules/uview-ui/components/u-transition/nvue.ani-map.js

68 lines
2.6 KiB
Raw Normal View History

初始化
6 months ago
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
​
 
  1. export default {
  2.     fade: {
  3.         enter: { opacity: 0 },
  4.         'enter-to': { opacity: 1 },
  5.         leave: { opacity: 1 },
  6.         'leave-to': { opacity: 0 }
  7.     },
  8.     'fade-up': {
  9.         enter: { opacity: 0, transform: 'translateY(100%)' },
  10.         'enter-to': { opacity: 1, transform: 'translateY(0)' },
  11.         leave: { opacity: 1, transform: 'translateY(0)' },
  12.         'leave-to': { opacity: 0, transform: 'translateY(100%)' }
  13.     },
  14.     'fade-down': {
  15.         enter: { opacity: 0, transform: 'translateY(-100%)' },
  16.         'enter-to': { opacity: 1, transform: 'translateY(0)' },
  17.         leave: { opacity: 1, transform: 'translateY(0)' },
  18.         'leave-to': { opacity: 0, transform: 'translateY(-100%)' }
  19.     },
  20.     'fade-left': {
  21.         enter: { opacity: 0, transform: 'translateX(-100%)' },
  22.         'enter-to': { opacity: 1, transform: 'translateY(0)' },
  23.         leave: { opacity: 1, transform: 'translateY(0)' },
  24.         'leave-to': { opacity: 0, transform: 'translateX(-100%)' }
  25.     },
  26.     'fade-right': {
  27.         enter: { opacity: 0, transform: 'translateX(100%)' },
  28.         'enter-to': { opacity: 1, transform: 'translateY(0)' },
  29.         leave: { opacity: 1, transform: 'translateY(0)' },
  30.         'leave-to': { opacity: 0, transform: 'translateX(100%)' }
  31.     },
  32.     'slide-up': {
  33.         enter: { transform: 'translateY(100%)' },
  34.         'enter-to': { transform: 'translateY(0)' },
  35.         leave: { transform: 'translateY(0)' },
  36.         'leave-to': { transform: 'translateY(100%)' }
  37.     },
  38.     'slide-down': {
  39.         enter: { transform: 'translateY(-100%)' },
  40.         'enter-to': { transform: 'translateY(0)' },
  41.         leave: { transform: 'translateY(0)' },
  42.         'leave-to': { transform: 'translateY(-100%)' }
  43.     },
  44.     'slide-left': {
  45.         enter: { transform: 'translateX(-100%)' },
  46.         'enter-to': { transform: 'translateY(0)' },
  47.         leave: { transform: 'translateY(0)' },
  48.         'leave-to': { transform: 'translateX(-100%)' }
  49.     },
  50.     'slide-right': {
  51.         enter: { transform: 'translateX(100%)' },
  52.         'enter-to': { transform: 'translateY(0)' },
  53.         leave: { transform: 'translateY(0)' },
  54.         'leave-to': { transform: 'translateX(100%)' }
  55.     },
  56.     zoom: {
  57.         enter: { transform: 'scale(0.95)' },
  58.         'enter-to': { transform: 'scale(1)' },
  59.         leave: { transform: 'scale(1)' },
  60.         'leave-to': { transform: 'scale(0.95)' }
  61.     },
  62.     'fade-zoom': {
  63.         enter: { opacity: 0, transform: 'scale(0.95)' },
  64.         'enter-to': { opacity: 1, transform: 'scale(1)' },
  65.         leave: { opacity: 1, transform: 'scale(1)' },
  66.         'leave-to': { opacity: 0, transform: 'scale(0.95)' }
  67.     }
  68. }