兼容

src/views/ChatTts.vue

@@ -620,11 +620,12 @@ onMounted(() => {
         :text="text"
       />
     </div>
-     <!-- <div class="tooltip">
-        <p>车辆信息：24年10月起租金额14万，租期36月，已还9期</p>
-        <p>提前结清：121,021.62元，预期利益损失：6,535.05元</p>
-        <p>全额打款：137,362.73元，两者差额：16,341.11元  </p>
-    </div> -->
+     <div class="tooltip">
+        <p>请你模拟销售与客户（抖音留资）进行沟通：</p>
+        <p>一、自我介绍</p>
+        <p>二、挖掘客户用车需求  </p>
+        <p>三、引导加微或线下看车</p>
+    </div>
     <BG />
     <div class="loading" v-show="loading">
       <van-loading color="#0094ff" size="26px" vertical>加载中...</van-loading>
@@ -674,17 +675,33 @@ onMounted(() => {
   padding: 0 20px;
 }
 .tooltip {
-  width: 85%;
+  width: 40%;
   position: fixed;
-  top: 150px;
+  top: 100px;
   left: 50%;       /* 左边到视口宽度的一半 */
   transform: translateX(-50%); /* 再左移自身宽度的一半，实现居中 */
   z-index: 9999;
   font-size: 14px;
-  padding: 8px 12px;
+  padding: 15px 12px;
   background-color: rgba(0, 0, 0, 0.5);
   color: #fff;
   border-radius: 8px;
+  p{
+    margin-left: 45px;
+    font-size: 1.13rem;
+  }
+  :nth-child(1) {
+    margin-bottom: 10px;
+  }
+  :nth-child(2) {
+    margin-left: 90px;
+  }
+  :nth-child(3) {
+    margin-left: 90px;
+  }
+  :nth-child(4) {
+   margin-left: 90px;
+  }
 }
 .loading {
   position: fixed;