animation.ts 2.9 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748495051525354555657585960616263646566676869707172737475767778798081828384858687888990
  1. export const ANIMATIONS = [
  2. {
  3. type: 'bounce',
  4. name: '弹跳',
  5. children: [
  6. { name: '弹入', value: 'bounceIn' },
  7. { name: '向右弹入', value: 'bounceInLeft' },
  8. { name: '向左弹入', value: 'bounceInRight' },
  9. { name: '向上弹入', value: 'bounceInUp' },
  10. { name: '向下弹入', value: 'bounceInDown' },
  11. ],
  12. },
  13. {
  14. type: 'fade',
  15. name: '浮现',
  16. children: [
  17. { name: '浮入', value: 'fadeIn' },
  18. { name: '向下浮入', value: 'fadeInDown' },
  19. { name: '向下长距浮入', value: 'fadeInDownBig' },
  20. { name: '向右浮入', value: 'fadeInLeft' },
  21. { name: '向右长距浮入', value: 'fadeInLeftBig' },
  22. { name: '向左浮入', value: 'fadeInRight' },
  23. { name: '向左长距浮入', value: 'fadeInRightBig' },
  24. { name: '向上浮入', value: 'fadeInUp' },
  25. { name: '向上长距浮入', value: 'fadeInUpBig' },
  26. { name: '从左上浮入', value: 'fadeInTopLeft' },
  27. { name: '从右上浮入', value: 'fadeInTopRight' },
  28. { name: '从左下浮入', value: 'fadeInBottomLeft' },
  29. { name: '从右下浮入', value: 'fadeInBottomRight' },
  30. ],
  31. },
  32. {
  33. type: 'rotate',
  34. name: '旋转',
  35. children: [
  36. { name: '旋转进入', value: 'rotateIn' },
  37. { name: '绕左下旋转进入', value: 'rotateInDownLeft' },
  38. { name: '绕右下旋转进入', value: 'rotateInDownRight' },
  39. { name: '绕左上旋转进入', value: 'rotateInUpLeft' },
  40. { name: '绕右上旋转进入', value: 'rotateInUpRight' },
  41. ],
  42. },
  43. {
  44. type: 'zoom',
  45. name: '缩放',
  46. children: [
  47. { name: '放大进入', value: 'zoomIn' },
  48. { name: '向下放大进入', value: 'zoomInDown' },
  49. { name: '从左放大进入', value: 'zoomInLeft' },
  50. { name: '从右放大进入', value: 'zoomInRight' },
  51. { name: '向上放大进入', value: 'zoomInUp' },
  52. ],
  53. },
  54. {
  55. type: 'slide',
  56. name: '滑入',
  57. children: [
  58. { name: '向下滑入', value: 'slideInDown' },
  59. { name: '从右滑入', value: 'slideInLeft' },
  60. { name: '从左滑入', value: 'slideInRight' },
  61. { name: '向上滑入', value: 'slideInUp' },
  62. ],
  63. },
  64. {
  65. type: 'flip',
  66. name: '翻转',
  67. children: [
  68. { name: 'X轴翻转进入', value: 'flipInX' },
  69. { name: 'Y轴翻转进入', value: 'flipInY' },
  70. ],
  71. },
  72. {
  73. type: 'back',
  74. name: '放大滑入',
  75. children: [
  76. { name: '向下放大滑入', value: 'backInDown' },
  77. { name: '从左放大滑入', value: 'backInLeft' },
  78. { name: '从右放大滑入', value: 'backInRight' },
  79. { name: '向上放大滑入', value: 'backInUp' },
  80. ],
  81. },
  82. {
  83. type: 'lightSpeed',
  84. name: '飞入',
  85. children: [
  86. { name: '从右飞入', value: 'lightSpeedInRight' },
  87. { name: '从左飞入', value: 'lightSpeedInLeft' },
  88. ],
  89. },
  90. ]