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;

src/assets/css/components/views/entityExplorer/entity-filter.scss

@@ -63,10 +63,9 @@
           display: inline-block;
           text-align: center;
           flex: 1;
-          .chart__loading i.el-icon-loading {
-            font-size: 18px;
-            top: calc(50% - 10px);
-            left: calc(50% - 8px);
+          .chart__loading img {
+            left: unset;
+            right: 0;
           }
         }
       }

src/assets/css/components/views/entityExplorer/entityList/detail-overview.scss

@@ -265,14 +265,12 @@
       display: flex;
       .overview__tag-loading.overview__tag {
         position: relative;
-        .chart__loading {
-          top: 0;
-          left: 0;
-        }
       }
       .overview__tag {
         display: flex;
-        padding: 6px 15px;
+        padding: 0 15px;
+        height: 31px;
+        align-items: center;
         margin-right: 20px;
         background-color: #EFF6FE;
         font-size: 14px;