animate.ts 1.3 KB

123456789101112131415161718192021222324252627282930313233343536373839404142434445464748
  1. // 前缀
  2. const animatePrefix = 'animate__animated ';
  3. // 开启随机动画 随机动画值
  4. const animateList: string[] = [
  5. animatePrefix + 'animate__pulse',
  6. animatePrefix + 'animate__rubberBand',
  7. animatePrefix + 'animate__bounceIn',
  8. animatePrefix + 'animate__bounceInLeft',
  9. animatePrefix + 'animate__fadeIn',
  10. animatePrefix + 'animate__fadeInLeft',
  11. animatePrefix + 'animate__fadeInDown',
  12. animatePrefix + 'animate__fadeInUp',
  13. animatePrefix + 'animate__flipInX',
  14. animatePrefix + 'animate__lightSpeedInLeft',
  15. animatePrefix + 'animate__rotateInDownLeft',
  16. animatePrefix + 'animate__rollIn',
  17. animatePrefix + 'animate__rotateInDownLeft',
  18. animatePrefix + 'animate__zoomIn',
  19. animatePrefix + 'animate__zoomInDown',
  20. animatePrefix + 'animate__slideInLeft',
  21. animatePrefix + 'animate__lightSpeedIn'
  22. ];
  23. // 关闭随机动画后的默认效果
  24. const defaultAnimate = animatePrefix + 'animate__fadeIn';
  25. // 搜索隐藏显示动画
  26. const searchAnimate = {
  27. enter: '',
  28. leave: ''
  29. };
  30. // 菜单搜索动画
  31. const menuSearchAnimate = {
  32. enter: animatePrefix + 'animate__fadeIn',
  33. leave: animatePrefix + 'animate__fadeOut'
  34. };
  35. // logo动画
  36. const logoAnimate = {
  37. enter: animatePrefix + 'animate__fadeIn',
  38. leave: animatePrefix + 'animate__fadeOut'
  39. };
  40. export default {
  41. animateList,
  42. defaultAnimate,
  43. searchAnimate,
  44. menuSearchAnimate,
  45. logoAnimate
  46. };