2021-02-07 01:31:18 +00:00
|
|
|
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) {
|
2022-01-16 01:14:14 +00:00
|
|
|
window.setTimeout(() => {
|
2021-02-07 01:31:18 +00:00
|
|
|
src.style.opacity = '1';
|
|
|
|
|
src.style.transform = 'none';
|
|
|
|
|
}, 1);
|
|
|
|
|
},
|
|
|
|
|
} as Directive;
|
