49 lines
1.3 KiB
TypeScript
49 lines
1.3 KiB
TypeScript
// 前缀
|
|
const animatePrefix = 'animate__animated ';
|
|
// 开启随机动画 随机动画值
|
|
const animateList: string[] = [
|
|
animatePrefix + 'animate__pulse',
|
|
animatePrefix + 'animate__rubberBand',
|
|
animatePrefix + 'animate__bounceIn',
|
|
animatePrefix + 'animate__bounceInLeft',
|
|
animatePrefix + 'animate__fadeIn',
|
|
animatePrefix + 'animate__fadeInLeft',
|
|
animatePrefix + 'animate__fadeInDown',
|
|
animatePrefix + 'animate__fadeInUp',
|
|
animatePrefix + 'animate__flipInX',
|
|
animatePrefix + 'animate__lightSpeedInLeft',
|
|
animatePrefix + 'animate__rotateInDownLeft',
|
|
animatePrefix + 'animate__rollIn',
|
|
animatePrefix + 'animate__rotateInDownLeft',
|
|
animatePrefix + 'animate__zoomIn',
|
|
animatePrefix + 'animate__zoomInDown',
|
|
animatePrefix + 'animate__slideInLeft',
|
|
animatePrefix + 'animate__lightSpeedIn'
|
|
];
|
|
// 关闭随机动画后的默认效果
|
|
const defaultAnimate = animatePrefix + 'animate__fadeIn';
|
|
// 搜索隐藏显示动画
|
|
const searchAnimate = {
|
|
enter: '',
|
|
leave: ''
|
|
};
|
|
|
|
// 菜单搜索动画
|
|
const menuSearchAnimate = {
|
|
enter: animatePrefix + 'animate__fadeIn',
|
|
leave: animatePrefix + 'animate__fadeOut'
|
|
};
|
|
// logo动画
|
|
const logoAnimate = {
|
|
enter: animatePrefix + 'animate__fadeIn',
|
|
leave: animatePrefix + 'animate__fadeOut'
|
|
};
|
|
|
|
export default {
|
|
animateList,
|
|
defaultAnimate,
|
|
searchAnimate,
|
|
menuSearchAnimate,
|
|
logoAnimate
|
|
};
|