ux: 点击模态框外部区域自动关闭

web/static/app.js

@@ -8,6 +8,15 @@ var refreshTimer = null;
 document.addEventListener('DOMContentLoaded', function() {
     loadConfig();
     refreshAll();
+    
+    // 点击模态框背景关闭
+    document.querySelectorAll('.modal').forEach(function(modal) {
+        modal.addEventListener('click', function(e) {
+            if (e.target === modal) {
+                modal.classList.remove('active');
+            }
+        });
+    });
 });
 
 function loadConfig() {