18 lines
489 B
TypeScript
18 lines
489 B
TypeScript
import type { 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;
|