回退下方新增指标布局调整,仅保留顶部宽度优化
变更项: 1. 回退下方新增用户数/群渗透率/群健康分区域的结构与样式调整。 2. 保持下方新增指标区不变,避免影响既有展示。 3. 仅保留首页顶部当前账号区域宽度调整(8:16)。
This commit is contained in:
@@ -102,9 +102,6 @@
|
|||||||
</el-row>
|
</el-row>
|
||||||
|
|
||||||
<el-row :gutter="16" class="metric-extended-row">
|
<el-row :gutter="16" class="metric-extended-row">
|
||||||
<el-col :span="9" class="metric-extended-row-placeholder"></el-col>
|
|
||||||
<el-col :span="15" class="metric-extended-main">
|
|
||||||
<el-row :gutter="16" class="metric-grid metric-grid--extended">
|
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
<el-card class="metric-card metric-card--soft" shadow="hover">
|
<el-card class="metric-card metric-card--soft" shadow="hover">
|
||||||
<div class="metric-label">新增用户数</div>
|
<div class="metric-label">新增用户数</div>
|
||||||
@@ -127,8 +124,6 @@
|
|||||||
</el-card>
|
</el-card>
|
||||||
</el-col>
|
</el-col>
|
||||||
</el-row>
|
</el-row>
|
||||||
</el-col>
|
|
||||||
</el-row>
|
|
||||||
|
|
||||||
<el-row :gutter="16" class="stats-highlight-row">
|
<el-row :gutter="16" class="stats-highlight-row">
|
||||||
<el-col :span="8">
|
<el-col :span="8">
|
||||||
@@ -950,14 +945,6 @@
|
|||||||
display: flex;
|
display: flex;
|
||||||
}
|
}
|
||||||
|
|
||||||
.metric-extended-main {
|
|
||||||
width: 100%;
|
|
||||||
}
|
|
||||||
|
|
||||||
.metric-grid--extended .el-col {
|
|
||||||
margin-bottom: 0;
|
|
||||||
}
|
|
||||||
|
|
||||||
.metric-card {
|
.metric-card {
|
||||||
min-height: 106px;
|
min-height: 106px;
|
||||||
width: 100%;
|
width: 100%;
|
||||||
@@ -1121,10 +1108,6 @@
|
|||||||
}
|
}
|
||||||
|
|
||||||
@media (max-width: 1200px) {
|
@media (max-width: 1200px) {
|
||||||
.metric-extended-row-placeholder {
|
|
||||||
display: none !important;
|
|
||||||
}
|
|
||||||
|
|
||||||
.hero-row > .el-col,
|
.hero-row > .el-col,
|
||||||
.metric-extended-row > .el-col,
|
.metric-extended-row > .el-col,
|
||||||
.stats-highlight-row > .el-col,
|
.stats-highlight-row > .el-col,
|
||||||
|
|||||||
Reference in New Issue
Block a user