sim1222/test1
1
0
Fork 0
Code Issues Pull Requests Projects Releases Wiki Activity

a

Browse Source
This commit is contained in:
nullnyat 2022-01-27 02:25:52 +09:00
parent 2924b84deb
commit a5956fc2f4
No known key found for this signature in database
GPG Key ID: 5EDC2816C3AE007A
1 changed files with 29 additions and 29 deletions
Show Stats Download Patch File Download Diff File Expand all files Collapse all files

58
packages/client/src/directives/click-anime.ts
View File

@ -1,29 +1,29 @@
import { Directive } from 'vue'; import { Directive } from 'vue';
import { defaultStore } from '@/store'; import { defaultStore } from '@/store';
export default { export default {
mounted(el, binding, vn) { mounted(el, binding, vn) {
if (!defaultStore.state.animation) return; if (!defaultStore.state.animation) return;
el.classList.add('_anime_bounce_standBy'); el.classList.add('_anime_bounce_standBy');
el.addEventListener('mousedown', () => { el.addEventListener('mousedown', () => {
el.classList.add('_anime_bounce_standBy'); el.classList.add('_anime_bounce_standBy');
el.classList.add('_anime_bounce_ready'); el.classList.add('_anime_bounce_ready');
el.addEventListener('mouseleave', () => { el.addEventListener('mouseleave', () => {
el.classList.remove('_anime_bounce_ready'); el.classList.remove('_anime_bounce_ready');
}); });
}); });
el.addEventListener('click', () => { el.addEventListener('click', () => {
el.classList.add('_anime_bounce'); el.classList.add('_anime_bounce');
}); });
el.addEventListener('animationend', () => { el.addEventListener('animationend', () => {
el.classList.remove('_anime_bounce_ready'); el.classList.remove('_anime_bounce_ready');
el.classList.remove('_anime_bounce'); el.classList.remove('_anime_bounce');
el.classList.add('_anime_bounce_standBy'); el.classList.add('_anime_bounce_standBy');
}); });
} }
} as Directive; } as Directive;