tropsCode/src/utils/animate.ts

//预览地址 https://animate.style/

const animatePrefix = 'animate__animated '; //前缀

const mask = {
  enter: animatePrefix + 'animate__fadeIn',
  leave: animatePrefix + 'animate__fadeOut'
};

const dialog = {
  enter: animatePrefix + 'animate__fadeInDown',
  leave: animatePrefix + 'animate__fadeOutUp'
};

const face = {
  enter: animatePrefix + 'animate__fadeIn',
  leave: animatePrefix + 'animate__fadeOut',
  left: animatePrefix + 'animate__zoomOutLeft',
  right: animatePrefix + 'animate__zoomOutRight'
};

const page = {
  enter: animatePrefix + 'animate__fadeInLeft',
  leave: animatePrefix + 'animate__fadeOutLeft'
};

const foul = {
  enter: animatePrefix + 'animate__fadeIn',
  leave: animatePrefix + 'animate__fadeOut'
};

const report = {
  enter: animatePrefix + 'animate__fadeInDown',
  leave: animatePrefix + 'animate__fadeOutUp'
  // enter: animatePrefix + 'animate__fadeInRight',
  // leave: animatePrefix + 'animate__fadeOutRight'
};

const run = {
  enter: animatePrefix + 'animate__fadeInRight',
  leave: animatePrefix + 'animate__fadeOut'
};

const error = {
  enter: animatePrefix + 'animate__shakeX'
};

const hand = {
  enter: animatePrefix + 'animate__fadeInDownBig'
};

const sunshineRun = {
  enter: animatePrefix + 'animate__fadeIn',
  leave: animatePrefix + 'animate__fadeOut'
};

const rankingWindow = {
  enter: animatePrefix + 'animate__zoomIn',
  leave: animatePrefix + 'animate__zoomOut'
};

export default {
  mask,
  dialog,
  face,
  page,
  foul,
  report,
  run,
  error,
  hand,
  sunshineRun,
  rankingWindow
};