refactor: 首页数量统计显示优化

--bug=1009703 --user=陈建星 [测试跟踪] github#9466测试跟踪首页用例数量统计显示不全 https://www.tapd.cn/55049933/s/1099744
This commit is contained in:
chenjianxing 2022-01-27 10:13:12 +08:00 committed by 刘瑞斌
parent 3b4d7bc9ab
commit dbd04dab7f
2 changed files with 13 additions and 25 deletions

View File

@ -1,14 +1,12 @@
<template> <template>
<el-tooltip :content="content + ''" placement="top-start"> <div class="main-number-show">
<div class="main-number-show"> <span class="count-number" :class="{'big_count-number': content < 10000}">
<span class="count-number"> {{content}}
{{content}} </span>
</span> <span style="color: #6C317C;">
<span style="color: #6C317C;"> {{$t('api_test.home_page.unit_of_measurement')}}
{{$t('api_test.home_page.unit_of_measurement')}} </span>
</span> </div>
</div>
</el-tooltip>
</template> </template>
<script> <script>
@ -38,9 +36,13 @@ export default {
.count-number { .count-number {
font-family:'ArialMT', 'Arial', sans-serif; font-family:'ArialMT', 'Arial', sans-serif;
font-size: 33px; font-size: 23px;
color: var(--count_number); color: var(--count_number);
position: relative; position: relative;
} }
.big_count-number {
font-size: 33px;
}
</style> </style>

View File

@ -29,20 +29,6 @@
<div class="count-info-div" v-html="trackCountData.p3CountStr"></div> <div class="count-info-div" v-html="trackCountData.p3CountStr"></div>
</el-col> </el-col>
</el-row> </el-row>
<!-- <el-row align="right" style="margin-left: 20px" class="hidden-xl-only">-->
<!-- <el-col :span="6" style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">-->
<!-- <div class="count-info-div" v-html="trackCountData.p0CountStr"></div>-->
<!-- </el-col>-->
<!-- <el-col :span="6" style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">-->
<!-- <div class="count-info-div" v-html="trackCountData.p1CountStr"></div>-->
<!-- </el-col>-->
<!-- <el-col :span="6" style="padding: 5px;border-right-style: solid;border-right-width: 1px;border-right-color: #ECEEF4;">-->
<!-- <div class="count-info-div" v-html="trackCountData.p2CountStr"></div>-->
<!-- </el-col>-->
<!-- <el-col :span="6" style="padding: 5px;">-->
<!-- <div class="count-info-div" v-html="trackCountData.p3CountStr"></div>-->
<!-- </el-col>-->
<!-- </el-row>-->
</div> </div>
</el-main> </el-main>
</el-container> </el-container>