新增提示

src/views/ChatTts.vue

@@ -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 {