From 0b8d7517fac09d29e1daf325f5c479ca9ecfa47e Mon Sep 17 00:00:00 2001
From: GwokHiujin <guozi1625113688@163.com>
Date: Tue, 6 Jun 2023 15:07:58 +0800
Subject: [PATCH] =?UTF-8?q?feat:=20=E6=B7=BB=E5=8A=A0=E5=8A=A0=E8=BD=BD?=
 =?UTF-8?q?=E7=BB=84=E4=BB=B6?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/renderer/assets/SpinLoading.vue         | 36 +++++++++++++++++++++
 src/renderer/components/sideBar/SideBar.vue |  2 ++
 2 files changed, 38 insertions(+)
 create mode 100644 src/renderer/assets/SpinLoading.vue

diff --git a/src/renderer/assets/SpinLoading.vue b/src/renderer/assets/SpinLoading.vue
new file mode 100644
index 00000000..cf11b78f
--- /dev/null
+++ b/src/renderer/assets/SpinLoading.vue
@@ -0,0 +1,36 @@
+<template>
+  <div id="loading"></div>
+</template>
+
+<script>
+export default {
+  name: 'SpinLoading'
+}
+</script>
+
+<style scoped>
+body {
+  margin-top: 100px;
+  color: #66eaae;
+  text-align:center;
+}
+
+#loading {
+  display: inline-block;
+  width: 50px;
+  height: 50px;
+  border: 3px solid rgba(255,255,255,.3);
+  border-radius: 50%;
+  border-top-color: #66eaae;
+  animation: spin 1s ease-in-out infinite;
+  -webkit-animation: spin 1s ease-in-out infinite;
+}
+
+@keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
+@-webkit-keyframes spin {
+  to { -webkit-transform: rotate(360deg); }
+}
+
+</style>
diff --git a/src/renderer/components/sideBar/SideBar.vue b/src/renderer/components/sideBar/SideBar.vue
index 1e6c598e..56891c77 100644
--- a/src/renderer/components/sideBar/SideBar.vue
+++ b/src/renderer/components/sideBar/SideBar.vue
@@ -193,6 +193,7 @@ import PropBar from '@/renderer/components/sideBar/PropBar'
 import ForestBar from '@/renderer/components/sideBar/ForestBar'
 import GraphBar from '@/renderer/components/sideBar/GraphBar'
 import PreBar from '@/renderer/components/sideBar/PreBar'
+import SpinLoading from '@/renderer/assets/SpinLoading.vue'
 
 export default {
   name: 'SideBar',
@@ -200,6 +201,7 @@ export default {
     contextmenu: directive
   },
   components: {
+    SpinLoading,
     PreBar,
     GraphBar,
     ForestBar,