feat: 对实体详情页面增加loading效果

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

@@ -79,15 +79,22 @@
         align-items: center;
         padding: 0 30px;
 
-        span:first-of-type {
-          font-size: 30px;
-          color: #333333;
-          font-weight: bold;
-        }
-        span:last-of-type {
+        .overview-left-span {
           font-size: 16px;
           color: #666666;
         }
+        .overview-left-loading {
+          display: inline-block;
+          position: relative;
+          .overview-left-loading-span {
+            font-size: 30px;
+            color: #333333;
+            font-weight: bold;
+          }
+          .chart__loading i.el-icon-loading {
+            top: calc(50% - 12px);
+          }
+        }
       }
       .overview-right {
         display: flex;

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

@@ -55,6 +55,13 @@
         }
         .row__value {
           color: #666;
+          position: relative;
+          display: inline-block;
+          .chart__loading i.el-icon-loading {
+            font-size: 18px;
+            top: calc(50% - 10px);
+            left: calc(50% - 8px);
+          }
         }
       }
     }

src/assets/css/components/views/entityExplorer/entityList/card.scss

@@ -92,8 +92,9 @@
       justify-content: left;
     }
     .body__drawing-box {
+      height: 40px;
       position: relative;
-      height: 60px;
+      margin-top: 10px;
       .chart__loading {
         top: 0;
         height: 100%;
@@ -101,8 +102,8 @@
     }
     .body__drawing {
       position: absolute;
-      padding: 10px 30px;
-      height: 60px;
+      padding: 0 30px;
+      height: 100%;
       width: 100%;
     }
 

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

@@ -99,6 +99,14 @@
           &.row__content--width200 {
             width: 200px;
           }
+          .row__content-loading {
+            position: relative;
+            .chart__loading i.el-icon-loading {
+              font-size: 14px;
+              top: calc(50% - 5px);
+              left: calc(50% - 4px);
+            }
+          }
         }
         .row__contents {
           display: flex;

src/assets/css/components/views/entityExplorer/entityList/row.scss

@@ -93,6 +93,16 @@
                 display: flex;
                 align-items: center;
                 flex-direction: row;
+                .item-box-loading {
+                  position: relative;
+                  display: flex;
+                  .chart__loading i.el-icon-loading {
+                    font-size: 14px;
+                    padding: 0;
+                    top: calc(50% - 5px);
+                    left: calc(50% - 4px);
+                  }
+                }
 
                 i {
                   padding-right: 6px;
@@ -166,4 +176,4 @@
       }
     }
   }
-}
+}