Strona główna Odkrywaj Pomoc
Zaloguj się
jianyu
/
h5-editor
5
0
Forkuj 0
Pliki Problemy 0 Oczekujące zmiany 0 Wiki
Drzewo: 9a02cea509
Gałęzie Tagi
h5-editor
/
client
/
common
/
animateCssData.js

animateCssData.js 7.3 KB
Historia Czysty

12345678910111213141516171819202122232425262728293031323334353637383940414243444546474849505152535455565758596061626364656667686970717273747576777879808182838485868788899091929394 
  1. let animateCssClassName = [{
    2. 

  2.     label: '进入',
    3. 

  3.     children: [
    4. 

  4.       { label: '渐显', value: 'fadeIn', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    5. 

  5.       { label: '向右进入', value: 'fadeInLeft', bg_X: 120, bg_Y: -80, show_X: 120, show_Y: -560 },
    6. 

  6.       { label: '向左进入', value: 'fadeInRight', bg_X: 360, bg_Y: 0, show_X: 160, show_Y: -600 },
    7. 

  7.       { label: '向上进入', value: 'fadeInUp', bg_X: 360, bg_Y: 0, show_X: -120, show_Y: -480 },
    8. 

  8.       { label: '向下进入', value: 'fadeInDown', bg_X: 360, bg_Y: 0, show_X: -40, show_Y: -520 },
    9. 

  9.       { label: '向左长距进入', value: 'fadeInLeftBig', bg_X: 360, bg_Y: 0, show_X: -280, show_Y: -560 },
    10. 

  10.       { label: '向右长距进入', value: 'fadeInRightBig', bg_X: 360, bg_Y: 0, show_X: -240, show_Y: -600 },
    11. 

  11.       { label: '向上长距进入', value: 'fadeInUpBig', bg_X: 360, bg_Y: 0, show_X: -280, show_Y: -720 },
    12. 

  12.       { label: '向下长距进入', value: 'fadeInDownBig', bg_X: 360, bg_Y: 0, show_X: -160, show_Y: -765 },
    13. 

  13.       { label: '旋转进入', value: 'rotateIn', bg_X: 360, bg_Y: 0, show_X: -200, show_Y: -480 },
    14. 

  14.       { label: '左顺时针旋转', value: 'rotateInDownLeft', bg_X: 360, bg_Y: 0, show_X: 0, show_Y: -680 },
    15. 

  15.       { label: '右逆时针旋转', value: 'rotateInDownRight', bg_X: 360, bg_Y: 0, show_X: 0, show_Y: -680 },
    16. 

  16.       { label: '左逆时针旋转', value: 'rotateInUpLeft', bg_X: 360, bg_Y: 0, show_X: 0, show_Y: -680 },
    17. 

  17.       { label: '右逆时针旋转', value: 'rotateInUpRight', bg_X: 360, bg_Y: 0, show_X: 0, show_Y: -680 },
    18. 

  18.       { label: '弹入', value: 'bounceIn', bg_X: 360, bg_Y: 0, show_X: -280, show_Y: -520 },
    19. 

  19.       { label: '向右快速弹入', value: 'bounceInLeft', bg_X: 360, bg_Y: 0, show_X: 120, show_Y: -560 },
    20. 

  20.       { label: '向左快速弹入', value: 'bounceInRight', bg_X: 360, bg_Y: 0, show_X: 160, show_Y: -600 },
    21. 

  21.       { label: '向上弹入', value: 'bounceInUp', bg_X: 360, bg_Y: 0, show_X: -120, show_Y: -480 },
    22. 

  22.       { label: '向下弹入', value: 'bounceInDown', bg_X: 360, bg_Y: 0, show_X: -40, show_Y: -520 },
    23. 

  23.       { label: '斜切进入', value: 'lightSpeedIn', bg_X: 360, bg_Y: 0, show_X: 0, show_Y: -560 },
    24. 

  24.       { label: 'Y轴旋转', value: 'flip', bg_X: 360, bg_Y: 0, show_X: -80, show_Y: -720 },
    25. 

  25.       { label: '中心X轴旋转', value: 'flipInX', bg_X: 360, bg_Y: 0, show_X: -200, show_Y: -880 },
    26. 

  26.       { label: '中心Y轴旋转', value: 'flipInY', bg_X: 360, bg_Y: 0, show_X: -320, show_Y: -880 },
    27. 

  27.       { label: '左长半径旋转', value: 'rollIn', bg_X: 360, bg_Y: 0, show_X: -280, show_Y: -640 },
    28. 

  28.       { label: '由小变大进入', value: 'zoomIn', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    29. 

  29.       { label: '左变大进入', value: 'zoomInLeft', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    30. 

  30.       { label: '右变大进入', value: 'zoomInRight', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    31. 

  31.       { label: '向上变大进入', value: 'zoomInUp', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    32. 

  32.       { label: '向下变大进入', value: 'zoomInDown', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    33. 

  33.       { label: '向左滑动展开', value: 'slideInLeft', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    34. 

  34.       { label: '向右滑动展开', value: 'slideInRight', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    35. 

  35.       { label: '向上滑动展开', value: 'slideInUp', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    36. 

  36.       { label: '向下滑动展开', value: 'slideInDown', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    37. 

  37.     ]
    38. 

  38.   },
    39. 

  39.   {
    40. 

  40.     label: '强调',
    41. 

  41.     children: [
    42. 

  42.       { label: '弹跳', value: 'bounce', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    43. 

  43.       { label: '闪烁', value: 'flash', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    44. 

  44.       { label: '放大缩小', value: 'pulse', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    45. 

  45.       { label: '放大缩小弹簧', value: 'rubberBand', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    46. 

  46.       { label: '左右晃动', value: 'shake', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    47. 

  47.       { label: '左右小幅晃动', value: 'headShake', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    48. 

  48.       { label: '左右扇形摇摆', value: 'swing', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    49. 

  49.       { label: '放大晃动缩小', value: 'tada', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    50. 

  50.       { label: '扇形摇摆', value: 'wobble', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    51. 

  51.       { label: '左右上下晃动', value: 'jello', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    52. 

  52.       { label: 'Y轴旋转', value: 'flip', bg_X: 360, bg_Y: 0, show_X: 360, show_Y: 200 },
    53. 

  53.     ]
    54. 

  54.   },
    55. 

  55.   {
    56. 

  56.     label: '退出',
    57. 

  57.     children: [
    58. 

  58.       { label: '渐隐', value: 'fadeOut', show_X: 360, show_Y: 200 },
    59. 

  59.       { label: '向左退出', value: 'fadeOutLeft', show_X: 360, show_Y: 200 },
    60. 

  60.       { label: '向右退出', value: 'fadeOutRight', show_X: 360, show_Y: 200 },
    61. 

  61.       { label: '向上退出', value: 'fadeOutUp', show_X: 360, show_Y: 200 },
    62. 

  62.       { label: '向下退出', value: 'fadeOutDown', show_X: 360, show_Y: 200 },
    63. 

  63.       { label: '向左长距退出', value: 'fadeOutLeftBig', show_X: 360, show_Y: 200 },
    64. 

  64.       { label: '向右长距退出', value: 'fadeOutRightBig', show_X: 360, show_Y: 200 },
    65. 

  65.       { label: '向上长距退出', value: 'fadeOutUpBig', show_X: 360, show_Y: 200 },
    66. 

  66.       { label: '向下长距退出', value: 'fadeOutDownBig', show_X: 360, show_Y: 200 },
    67. 

  67.       { label: '旋转退出', value: 'rotateOut', show_X: 360, show_Y: 200 },
    68. 

  68.       { label: '左顺时针旋转', value: 'rotateOutDownLeft', show_X: 360, show_Y: 200 },
    69. 

  69.       { label: '右逆时针旋转', value: 'rotateOutDownRight', show_X: 360, show_Y: 200 },
    70. 

  70.       { label: '左逆时针旋转', value: 'rotateOutUpLeft', show_X: 360, show_Y: 200 },
    71. 

  71.       { label: '右逆时针旋转', value: 'rotateOutUpRight', show_X: 360, show_Y: 200 },
    72. 

  72.       { label: '弹出', value: 'bounceOut', show_X: 360, show_Y: 200 },
    73. 

  73.       { label: '向左弹出', value: 'bounceOutLeft', show_X: 360, show_Y: 200 },
    74. 

  74.       { label: '向右弹出', value: 'bounceOutRight', show_X: 360, show_Y: 200 },
    75. 

  75.       { label: '向上弹出', value: 'bounceOutUp', show_X: 360, show_Y: 200 },
    76. 

  76.       { label: '向下弹出', value: 'bounceOutDown', show_X: 360, show_Y: 200 },
    77. 

  77.       { label: '光速进出', value: 'lightSpeedOut', show_X: 360, show_Y: 200 },
    78. 

  78.       { label: '中心X轴旋转', value: 'flipOutX', show_X: 360, show_Y: 200 },
    79. 

  79.       { label: '中心Y轴旋转', value: 'flipOutY', show_X: 360, show_Y: 200 },
    80. 

  80.       { label: '左长半径旋转', value: 'rollOut', show_X: 360, show_Y: 200 },
    81. 

  81.       { label: '由小变大退出', value: 'zoomOut', show_X: 360, show_Y: 200 },
    82. 

  82.       { label: '左变大退出', value: 'zoomOutLeft', show_X: 360, show_Y: 200 },
    83. 

  83.       { label: '右变大退出', value: 'zoomOutight', show_X: 360, show_Y: 200 },
    84. 

  84.       { label: '向上变大退出', value: 'zoomOutUp', show_X: 360, show_Y: 200 },
    85. 

  85.       { label: '向下变大退出', value: 'zoomOutDown', show_X: 360, show_Y: 200 },
    86. 

  86.       { label: '向左滑动收起', value: 'slideOutLeft', show_X: 360, show_Y: 200 },
    87. 

  87.       { label: '向右滑动收起', value: 'slideOutRight', show_X: 360, show_Y: 200 },
    88. 

  88.       { label: '向上滑动收起', value: 'slideOutUp', show_X: 360, show_Y: 200 },
    89. 

  89.       { label: '向下滑动收起', value: 'slideOutDown', show_X: 360, show_Y: 200 },
    90. 

  90.     ]
    91. 

  91.   }
    92. 

  92. ]
    93. 

  93. 

  94. export default animateCssClassName
    95.