flat: 优化语音

2025-04-16 14:24:06 +08:00
parent 0d2b8ae65f
commit 446b48ef6d
28 changed files with 1059 additions and 264 deletions
--- a/directives/fade.js
+++ b/directives/fade.js
@@ -0,0 +1,23 @@
+export default {
+    mounted(el, binding) {
+        const duration = binding.arg ? parseInt(binding.arg) : 300;
+        el.style.transition = `opacity ${duration}ms ease`;
+        el.style.opacity = binding.value ? '1' : '0';
+        if (!binding.value) el.style.display = 'none';
+    },
+    updated(el, binding) {
+        const duration = binding.arg ? parseInt(binding.arg) : 300;
+
+        if (binding.value) {
+            el.style.display = '';
+            requestAnimationFrame(() => {
+                el.style.opacity = '1';
+            });
+        } else {
+            el.style.opacity = '0';
+            setTimeout(() => {
+                el.style.display = 'none';
+            }, duration);
+        }
+    }
+};