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