CN-376 feat : 实体列表添加流量曲线

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

@@ -1,5 +1,6 @@
 .cn-entity--list {
   display: flex;
+
   .cn-entity__collapse {
     margin-bottom: 1px;
     padding-top: 30px;
@@ -19,6 +20,7 @@
         transform: rotate(90deg);
       }
     }
+
     span:hover {
       cursor: pointer;
     }
@@ -28,6 +30,7 @@
       font-size: 12px;
     }
   }
+
   .cn-entity__case {
     flex: 1;
     overflow: hidden;
@@ -55,6 +58,7 @@
         color: #4E84B4;
       }
     }
+
     .cn-entity__row {
       display: flex;
       flex-direction: column;
@@ -67,6 +71,7 @@
         padding-bottom: 3px;
         color: #333333;
       }
+
       .cn-entity__body {
         display: flex;
         flex-direction: column;
@@ -83,22 +88,60 @@
 
             .basic-info__item {
               padding-right: 40px;
+
+              .item__box {
+                display: flex;
+                align-items: center;
+                flex-direction: row;
+
+                i {
+                  padding-right: 6px;
+                  color: #8FA1BE;
+                  font-size: 12px;
+                  height: 13px;
+                }
+
+                span {
+                  font-size: 14px;
+                }
+
+                span:first-of-type {
+                  color: #999;
+                }
+
+                span:last-of-type {
+                  color: #666;
+                }
+
+                .row__charts {
+                  height: 19px;
+                  width: 60px;
+                  padding-left: 5px;
+                }
+              }
+
               i {
                 padding-right: 6px;
                 color: #8FA1BE;
                 font-size: 12px;
               }
+
               span {
                 font-size: 14px;
               }
+
               span:first-of-type {
                 color: #999;
               }
+
               span:last-of-type {
                 color: #666;
               }
+
+
             }
           }
+
           .show-detail {
             flex-shrink: 0;
             padding: 0 30px;
@@ -112,6 +155,7 @@
         }
       }
     }
+
     .cn-entity__detail-overview {
       flex-basis: 100%;
       padding: 0 10px;
@@ -122,4 +166,4 @@
       }
     }
   }
-}
+}