style: 看板基站数量分开展示避免分不清数

This commit is contained in:
TsMask
2024-07-19 14:41:40 +08:00
parent d53c4c34f0
commit acd19ebdbd
2 changed files with 12 additions and 4 deletions

View File

@@ -159,14 +159,14 @@
/* 概览区域 衍生基站信息 */ /* 概览区域 衍生基站信息 */
.skim.base { .skim.base {
height: 20.6%; height: 12%;
} }
.skim.base .inner .data { .skim.base .inner .data {
display: flex; display: flex;
flex-direction: row; flex-direction: row;
align-items: center; align-items: center;
height: 45%; height: 75%;
} }
.skim.base .inner .data .item { .skim.base .inner .data .item {
display: flex; display: flex;
@@ -178,7 +178,7 @@
/* 用户行为 */ /* 用户行为 */
.userActivity { .userActivity {
/* min-height: 35.8rem; */ /* min-height: 35.8rem; */
height: 60%; height: 54.6%;
} }
.userActivity .inner .chart { .userActivity .inner .chart {
width: 100%; width: 100%;

View File

@@ -270,7 +270,7 @@ onBeforeUnmount(() => {
<div class="skim panel base"> <div class="skim panel base">
<div class="inner"> <div class="inner">
<h3> <h3>
<GlobalOutlined style="color: #68d8fe" />&nbsp;&nbsp; <GlobalOutlined style="color: #68d8fe" />&nbsp;&nbsp; 5G
{{ t('views.dashboard.overview.skim.baseTitle') }} {{ t('views.dashboard.overview.skim.baseTitle') }}
</h3> </h3>
<div class="data"> <div class="data">
@@ -302,6 +302,14 @@ onBeforeUnmount(() => {
<span>{{ t('views.dashboard.overview.skim.gnbUeNum') }}</span> <span>{{ t('views.dashboard.overview.skim.gnbUeNum') }}</span>
</div> </div>
</div> </div>
</div>
</div>
<div class="skim panel base">
<div class="inner">
<h3>
<GlobalOutlined style="color: #68d8fe" />&nbsp;&nbsp; 4G
{{ t('views.dashboard.overview.skim.baseTitle') }}
</h3>
<div class="data"> <div class="data">
<div <div
class="item toRouter" class="item toRouter"