Browse Source

add removeAppLoading

visuddhinanda 1 month ago
parent
commit
aa3adb3964
1 changed files with 15 additions and 0 deletions
  1. 15 0
      dashboard-v6/src/main.tsx

+ 15 - 0
dashboard-v6/src/main.tsx

@@ -5,8 +5,23 @@ import App from "./App.tsx";
 
 import "./index.css";
 
+// 移除首次加载的 loading
+const removeAppLoading = () => {
+  const loadingElement = document.getElementById("app-loading");
+  if (loadingElement) {
+    loadingElement.style.opacity = "0";
+    loadingElement.style.transition = "opacity 0.3s ease-out";
+    setTimeout(() => {
+      loadingElement.remove();
+    }, 300);
+  }
+};
+
 createRoot(document.getElementById("root")!).render(
   <StrictMode>
     <App />
   </StrictMode>
 );
+
+// React 渲染完成后移除 loading
+removeAppLoading();