lx-admin-frontend/src/animate.ts

49 lines
1.3 KiB
TypeScript
Raw Normal View History

2023-04-02 01:01:56 +08:00
// 前缀
const animatePrefix = 'animate__animated ';
// 开启随机动画 随机动画值
const animateList: string[] = [
2023-04-03 00:05:09 +08:00
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'
2023-04-02 01:01:56 +08:00
];
// 关闭随机动画后的默认效果
2023-04-02 21:40:03 +08:00
const defaultAnimate = animatePrefix + 'animate__fadeIn';
2023-04-02 01:01:56 +08:00
// 搜索隐藏显示动画
const searchAnimate = {
2023-04-03 00:05:09 +08:00
enter: '',
leave: ''
2023-04-02 01:01:56 +08:00
};
// 菜单搜索动画
const menuSearchAnimate = {
2023-04-03 00:05:09 +08:00
enter: animatePrefix + 'animate__fadeIn',
leave: animatePrefix + 'animate__fadeOut'
2023-04-02 01:01:56 +08:00
};
// logo动画
const logoAnimate = {
2023-04-03 00:05:09 +08:00
enter: animatePrefix + 'animate__fadeIn',
leave: animatePrefix + 'animate__fadeOut'
2023-04-02 01:01:56 +08:00
};
export default {
2023-04-03 00:05:09 +08:00
animateList,
defaultAnimate,
searchAnimate,
menuSearchAnimate,
logoAnimate
2023-04-02 01:01:56 +08:00
};