style: 实体详情 card 组件样式调整

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

@@ -1,7 +1,6 @@
 .cn-entity--block {
   box-sizing: border-box;
   margin: 0 10px 10px 0;
-  width: 321px;
   height: 329px;
   background: #FFFFFF;
   border-radius: 2px;
@@ -81,7 +80,7 @@
     padding-top: 10px;
     font-size: 14px;
     position: relative;
-    height:240px;
+    height: 245px;
 
     .body__row {
       display: flex;
@@ -130,40 +129,31 @@
       font-weight: 400;
     }
     .body__statics {
-      position: absolute;
-      bottom: 20px;
       display: flex;
       width: 100%;
       padding: 0 30px;
       font-size: 14px;
+      line-height: 45px;
       color: #666666;
+      justify-content: space-between;
       .entity-statics-down{
-        padding-right: 20px;
-        min-width: 80px;
-
         i {
           color:#5881B7;
-          font-size:14px;
-          padding-right:6px;
+          font-size: 14px;
+          padding-right: 6px;
         }
       }
-
       .entity-statics-up{
-        padding-right: 20px;
-        min-width: 80px;;
         i {
           color: #62B16C;
           font-size: 14px;
           padding-right: 6px;
         }
-
       }
       .body__detail {
         cursor: pointer;
         font-size: 14px;
         color: #3976CB;
-        position: absolute;
-        right: 30px;
       }
     }
   }

src/assets/css/components/views/entityExplorer/entityList/entity-list.scss

@@ -17,7 +17,6 @@
       border-radius: 2px;
       width: calc(100% - 10px);
       height: 100%;
-      overflow: auto;
     }
     .entity-list--list {
       display: flex;

src/views/entityExplorer/entityList/Card.vue

@@ -1,5 +1,5 @@
 <template>
-  <div class="cn-entity--block">
+  <div class="cn-entity--block" style="width: 317.5px;">
     <div class="cn-entity__header">
       <div class="header__content" :title="entityData.ipAddr||entityData.domainName||entityData.appName">
         <div class="header__icon"><i :class="iconClass"></i></div>
@@ -65,7 +65,7 @@
             <i class="cn-icon cn-icon-rise"></i>
             <span>{{entityData.bytesSentRate ? unitConvert(entityData.bytesSentRate, unitTypes.byte).join(' ') : '-'}}</span>
           </div>
-          <div class="body__detail" @click="showDetail">{{$t('overall.detail')}}></div>
+          <div class="body__detail" @click="showDetail"><span>{{$t('overall.detail')}}</span>></div>
         </div>
       </template>
       <template v-else-if="entityData.entityType === 'domain'">
@@ -102,7 +102,7 @@
             <i class="cn-icon cn-icon-rise"></i>
             <span>{{entityData.bytesSentRate ? unitConvert(entityData.bytesSentRate, unitTypes.bps).join(' ') : '-'}}</span>
           </div>
-          <div class="body__detail" @click="showDetail">{{$t('overall.detail')}}></div>
+          <div class="body__detail" @click="showDetail"><span>{{$t('overall.detail')}}</span>></div>
         </div>
       </template>
       <template v-else-if="entityData.entityType === 'app'">
@@ -134,7 +134,7 @@
         <div class="body__statics">
           <div class="entity-statics-down"><i class="cn-icon cn-icon-fall entity-statics-icon"></i><span>{{entityData.bytesReceivedRate ? unitConvert(entityData.bytesReceivedRate, unitTypes.bps).join(' ') : '-'}}</span></div>
           <div class="entity-statics-up" ><i class="cn-icon cn-icon-rise"></i><span>{{entityData.bytesSentRate ? unitConvert(entityData.bytesSentRate, unitTypes.bps).join(' ') : '-'}}</span></div>
-          <div class="body__detail" @click="showDetail">{{$t('overall.detail')}}></div>
+          <div class="body__detail" @click="showDetail"><span>{{$t('overall.detail')}}</span>></div>
         </div>
       </template>
     </div>