From e7c81574a85c20213ff38ee191df99b671ae4f27 Mon Sep 17 00:00:00 2001
From: =?UTF-8?q?=E8=A7=89?= <huan0016@gmail.com>
Date: Thu, 5 Oct 2023 13:45:12 +0800
Subject: [PATCH] =?UTF-8?q?=E5=BC=B9=E5=87=BA=E5=B1=82=E8=BF=87=E6=B8=A1?=
 =?UTF-8?q?=E5=8A=A8=E7=94=BB?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 public/weigets.js | 20 +++++++++++++++++++-
 1 file changed, 19 insertions(+), 1 deletion(-)

diff --git a/public/weigets.js b/public/weigets.js
index bf93cc2..b4263d3 100644
--- a/public/weigets.js
+++ b/public/weigets.js
@@ -54,6 +54,8 @@ export function Dialog(options) {
         backdrop-filter: blur(5px);
         duration: 0.5s;
         transition: all 0.5s;
+        opacity: 0;
+        animation: fadeIn 0.75s forwards;
     `
     content.classList.add('dialog')
     content.style.cssText = `
@@ -69,10 +71,26 @@ export function Dialog(options) {
     `
     element.appendChild(content)
     // 点击空白处关闭
-    element.onclick = event => {
+    element.onclick = async event => {
         if (event.target === element) {
+            await element.animate([{ opacity: 1 }, { opacity: 0 }], { duration: 100 }).finished
             element.remove()
         }
     }
     return element
 }
+
+const fadeIn = `
+    @keyframes fadeIn {
+        from {
+            opacity: 0;
+        }
+        to {
+            opacity: 1;
+        }
+    }
+`
+// Add the CSS3 animation to the document's head
+const style = document.createElement('style')
+style.innerHTML = fadeIn
+document.head.appendChild(style)
\ No newline at end of file