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

This commit is contained in:
@changcode
2022-06-15 17:15:33 +08:00
parent 233b5e34f4
commit 70c98f0274
3 changed files with 9 additions and 20 deletions

View File

@@ -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>