|
|
@@ -5,7 +5,7 @@
|
|
|
<el-card v-if='overview.userOverview' class="user-overview">
|
|
|
<el-row type="flex">
|
|
|
<el-col :span="6" class="overview-item">本月新用户数</el-col>
|
|
|
- <el-col :span="5" class="overview-item"><countTo
|
|
|
+ <el-col :span="5" class="overview-item green-span"><countTo
|
|
|
:startVal="overview.userOverview.newUser || 0"
|
|
|
:endVal="overview.userOverview.newUser || 0"
|
|
|
:duration="100"
|
|
|
@@ -14,7 +14,7 @@
|
|
|
</el-row>
|
|
|
<el-row type="flex">
|
|
|
<el-col :span="6" class="overview-item">累计用户数</el-col>
|
|
|
- <el-col :span="5" class="overview-item"><countTo
|
|
|
+ <el-col :span="5" class="overview-item red-span"><countTo
|
|
|
:startVal="overview.userOverview.totalUser || 0"
|
|
|
:endVal="overview.userOverview.totalUser || 0"
|
|
|
:duration="100"
|
|
|
@@ -98,6 +98,7 @@
|
|
|
<el-card class="card-100 margin-10">
|
|
|
<div><h3>活跃用户留存</h3></div>
|
|
|
<el-table
|
|
|
+ class="margin-10"
|
|
|
v-if="overview.keep"
|
|
|
:data="overview.keep"
|
|
|
style="width: 100%"
|
|
|
@@ -815,10 +816,14 @@ export default {
|
|
|
font-weight: 800;
|
|
|
font-size: 1.2em;
|
|
|
}
|
|
|
-.user-overview .overview-item span{
|
|
|
+.user-overview .overview-item.red-span{
|
|
|
color: rgb(249, 142, 83);
|
|
|
}
|
|
|
|
|
|
+.user-overview .overview-item.green-span{
|
|
|
+ color: rgb(249, 60, 0);
|
|
|
+}
|
|
|
+
|
|
|
.margin-10{
|
|
|
margin-top: 10px;
|
|
|
}
|
