perf: loading更改

src/assets/css/components/views/charts/chart.scss

@@ -387,16 +387,30 @@
   position: absolute;
   height: 100%;
   width: 100%;
+  left: 0;
+  top: 0;
   background-color: #fefefe;
   z-index: 1;
   opacity: .8;
 
-  i {
+  img {
     position: absolute;
-    left: calc(50% - 15px);
-    top: calc(50% - 15px);
-    font-size: 30px;
-    color: #aaa;
+    top: 50%;
+    left: 50%;
+    transform: translate(-50%, -50%);
+
+    &.loading-img--large {
+      height: 30px;
+      width: 30px;
+    }
+    &.loading-img--small {
+      height: 14px;
+      width: 14px;
+    }
+    &.loading-img--default {
+      height: 20px;
+      width: 20px;
+    }
   }
 }
 

src/assets/css/components/views/charts/chartRelationShipList.scss

@@ -79,12 +79,6 @@
       display: flex;
       width: calc(100% - 20px);
       position: relative;
-      .chart__loading {
-        i.el-icon-loading {
-          font-size: 16px;
-          top: calc(50% - 8.5px);
-        }
-      }
       .ship-body-list-title {
         width: 130px;
         font-size: 14px;