qdintc/intc-vue-h5
1
0
Fork 0
Code Issues Pull Requests Actions Packages Projects Releases Wiki Activity

fix: 页面显示功能优化。

Browse Source
This commit is contained in:
tianyongbao
2024-06-29 13:23:06 +08:00
parent 263e21b138
commit 62d8c85805
17 changed files with 142 additions and 792 deletions
Download Patch File Download Diff File Expand all files Collapse all files

44
src/pages/index.vue
View File

@@ -48,7 +48,7 @@
<div class="item">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">信用卡已使用额度</div>
<div class="title">信用卡已用额度</div>
<div class="num">{{ creditBalance }}<span>元</span></div>
</div>
</div>
@@ -317,7 +317,7 @@
<div class="item">
<img src="./assets/completionTickets.png" alt="" />
<div class="info-sum">
<div class="title">近6个月账单使用率</div>
<div class="title">近6月使用率</div>
<div class="num">{{ lastSixMonthUsedRate }}<span>%</span></div>
</div>
</div>
@@ -326,7 +326,7 @@
<div class="item">
<img src="./assets/completionTime.png" alt="" />
<div class="info-sum">
<div class="title">近6个月账单平均使用额度</div>
<div class="title">近6月平均使用额度</div>
<div class="num">{{ lastSixMonthUsedLimit }}<span>元</span></div>
</div>
</div>
@@ -336,14 +336,14 @@
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">近1月硬查询次数</div>
<div class="title">近1月硬查询</div>
<div class="num">{{ lastOneMonths }}<span>次</span></div>
</div>
</div>
<div class="item">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">近2月硬查询次数</div>
<div class="title">近2月硬查询</div>
<div class="num">{{ lastTwoMonths }}<span>次</span></div>
</div>
</div>
@@ -352,14 +352,14 @@
<div class="item">
<img src="./assets/completionTickets.png" alt="" />
<div class="info-sum">
<div class="title">近3月硬查询次数</div>
<div class="title">近3月硬查询</div>
<div class="num">{{ lastThreeMonths }}<span>次</span></div>
</div>
</div>
<div class="item">
<img src="./assets/completionTime.png" alt="" />
<div class="info-sum">
<div class="title">近6月硬查询次数</div>
<div class="title">近6月硬查询</div>
<div class="num">{{ lastSixMonths }}<span>次</span></div>
</div>
</div>
@@ -368,14 +368,14 @@
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">近1年硬查询次数</div>
<div class="title">近1年硬查询</div>
<div class="num">{{ lastOneYears }}<span>次</span></div>
</div>
</div>
<div class="item">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">近2年硬查询次数</div>
<div class="title">近2年硬查询</div>
<div class="num">{{ lastTwoYears }}<span>次</span></div>
</div>
</div>
@@ -384,14 +384,14 @@
<div class="item">
<img src="./assets/completionTickets.png" alt="" />
<div class="info-sum">
<div class="title">总硬查询次数</div>
<div class="title">总硬查询</div>
<div class="num">{{ lastAllYears }}<span>次</span></div>
</div>
</div>
<div class="item">
<img src="./assets/one.png" alt="" />
<div class="info-sum">
<div class="title">近6月个人查询次数</div>
<div class="title">近6月个人查询</div>
<div class="num">{{ lastSixMonthQueryCount }}<span>次</span></div>
</div>
</div>
@@ -401,14 +401,14 @@
<div class="item">
<img src="./assets/ticketSum.png" alt="" />
<div class="info-sum">
<div class="title">近6月贷后管理次数</div>
<div class="title">近6月贷后管理</div>
<div class="num">{{ lastSixMonthsAfterLoan }}<span>次</span></div>
</div>
</div>
<div class="item">
<img src="./assets/completionTickets.png" alt="" />
<div class="info-sum">
<div class="title">近2年贷后管理次数</div>
<div class="title">近2年贷后管理</div>
<div class="num">{{ lastTwoYearsAfterLoan }}<span>次</span></div>
</div>
</div>
@@ -417,7 +417,7 @@
<div class="item">
<img src="./assets/completionTime.png" alt="" />
<div class="info-sum">
<div class="title">贷后管理总次数</div>
<div class="title">贷后管理总数</div>
<div class="num">{{ totalAfterLoan }}<span>次</span></div>
</div>
</div>
@@ -666,22 +666,22 @@ onMounted(() => {
display: flex;
position: relative;
align-items: center;
margin: 5px 10px 5px 10px;
margin: 0px 5px 0px 5px;
.title {
margin-left: 10px;
margin-left: 5px;
color: rgb(133, 133, 148);
margin-bottom: 8px;
margin-bottom: 5px;
font-size: 14px;
}
.num {
margin-left: 10px;
margin-left: 5px;
font-weight: bold;
font-size: 15px;
font-size: 14px;
}
}
img {
height: 50px;
width: 50px;
height: 30px;
width: 30px;
}
}
.header-title {
@@ -692,7 +692,7 @@ onMounted(() => {
display: flex;
justify-content: space-between;
align-items: center;
font-size: 18px;
font-size: 16px;
}
}
</style>