|
|
@@ -513,17 +513,14 @@ onMounted(() => {
|
|
|
<div class="rate-circle">
|
|
|
<van-circle :stroke-width="80" size="70px" v-model:current-rate="currentRate" :rate="rate" :text="text" />
|
|
|
</div>
|
|
|
- <div class="content">
|
|
|
- <div class="tooltip">
|
|
|
+ <div class="tooltip">
|
|
|
<p>车辆信息：2024年10月起租，起租金额14万元，租期36月</p>
|
|
|
<p>还款情况：已还9期（截至2025年7月）</p>
|
|
|
<p>提前结清金额：121,021.62元</p>
|
|
|
<p>全额打款金额：137,362.73元 </p>
|
|
|
<p>预期利益损失：6,535.05元</p>
|
|
|
<p>下一期租金：5,068.99元（本金3,421元，利息1,647.99元） </p>
|
|
|
- </div>
|
|
|
</div>
|
|
|
-
|
|
|
<BG />
|
|
|
<div class="loading" v-show="loading">
|
|
|
<van-loading color="#0094ff" size="26px" vertical>加载中...</van-loading>
|
|
|
@@ -566,18 +563,17 @@ onMounted(() => {
|
|
|
z-index: 9999;
|
|
|
}
|
|
|
|
|
|
-/* .content{
|
|
|
- padding: 0 40px;
|
|
|
-} */
|
|
|
.tooltip {
|
|
|
+ width: 85%;
|
|
|
position: fixed;
|
|
|
top: 152px;
|
|
|
+ left: 50%; /* 左边到视口宽度的一半 */
|
|
|
+ transform: translateX(-50%); /* 再左移自身宽度的一半，实现居中 */
|
|
|
z-index: 9999;
|
|
|
font-size: 12px;
|
|
|
padding: 8px;
|
|
|
background-color: rgba(0, 0, 0, 0.5);
|
|
|
color: #fff;
|
|
|
- margin: 0 20px;
|
|
|
}
|
|
|
|
|
|
.next-btn {
|
