iceshrimp-161sh/packages/client/src/directives/anim.ts
ThatOneCalculator 2aab2de38d refactor: 🎨 rome
2023-01-12 20:40:33 -08:00

19 lines
483 B
TypeScript

import { Directive } from "vue";
export default {
beforeMount(src, binding, vn) {
src.style.opacity = "0";
src.style.transform = "scale(0.9)";
// ページネーションと相性が悪いので
//if (typeof binding.value === 'number') src.style.transitionDelay = `${binding.value * 30}ms`;
src.classList.add("_zoom");
},
mounted(src, binding, vn) {
window.setTimeout(() => {
src.style.opacity = "1";
src.style.transform = "none";
}, 1);
},
} as Directive;