(skywalking-booster-ui) branch main updated: add loading animations (#412)

[wu...@apache.org]

This is an automated email from the ASF dual-hosted git repository.

wusheng pushed a commit to branch main
in repository https://gitbox.apache.org/repos/asf/skywalking-booster-ui.git


The following commit(s) were added to refs/heads/main by this push:
     new d10f4ca0 add loading animations (#412)
d10f4ca0 is described below

commit d10f4ca0cc3b168a49a26a02e62c1698e31428c3
Author: Fine0830 <fa...@gmail.com>
AuthorDate: Fri Aug 30 11:38:06 2024 +0800

    add loading animations (#412)
---
 src/main.ts | 8 +++++++-
 1 file changed, 7 insertions(+), 1 deletion(-)

diff --git a/src/main.ts b/src/main.ts
index d051bb83..bd22e38e 100644
--- a/src/main.ts
+++ b/src/main.ts
@@ -15,6 +15,7 @@
  * limitations under the License.
  */
 import { createApp } from "vue";
+import { ElLoading } from "element-plus";
 import App from "./App.vue";
 import { store } from "./store";
 import components from "@/components";
@@ -23,6 +24,11 @@ import { useAppStoreWithOut } from "@/store/modules/app";
 import "./styles/index.ts";
 import "virtual:svg-icons-register";
 
+const loading = ElLoading.service({
+  lock: true,
+  text: "Loading...",
+  background: "rgba(0, 0, 0, 0.8)",
+});
 const app = createApp(App);
 const appStore = useAppStoreWithOut();
 
@@ -34,7 +40,7 @@ mountApp();
 async function mountApp() {
   await appStore.getActivateMenus();
   await appStore.queryOAPTimeInfo();
-
   const router = await import("./router");
   app.use(router.default).mount("#app");
+  loading.close();
 }