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

View File

@ -29,20 +29,6 @@
<div class="count-info-div" v-html="trackCountData.p3CountStr"></div>
</el-col>
</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>
</el-main>
</el-container>