feat: 添加加载组件

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>

src/renderer/components/sideBar/SideBar.vue

@@ -193,13 +193,15 @@ 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',
   directives: {
     contextmenu: directive
   },
   components: {
+    SpinLoading,
     PreBar,
     GraphBar,
     ForestBar,