feat: 热线弹窗调整

src/pages/ChatModule/CallMobile/index.vue

@@ -1,17 +1,18 @@
 <template>
   <uni-popup ref="popup" type="center" :safe-area="false">
-    <view class="popup-content bg-white mx-[24px] px-[12px] py-16 rounded-[12px]">
-      <view class="header flex items-center pb-[12px]">
+    <view class="popup-content mx-[40px] flex max-h-[80vh] flex-col overflow-hidden rounded-[12px] bg-white">
+      <view class="header flex shrink-0 items-center bg-white px-[12px] pb-[12px] pt-[16px]">
         <view class="title flex-1 text-center text-[17px] text-[#000000] font-[500] ml-[24px]">呼叫热线</view>
         <uni-icons type="close" size="24" color="#CACFD8" @click="close" />
       </view>
 
-      <view class="border-box pl-[12px] pr-[12px]">
+      <view class="border-box min-h-0 flex-1 overflow-y-auto px-[24px] pb-[32px]">
         <view class="text-[16px] text-[#a3a3a3] leading-[22px]">
-          如有任何疑问，欢迎随时致电景区咨询热线：
-          <text class="text-[#2563eb]" @click="handleClick(mobleNumber1)">{{ mobleNumber1 }}</text> / <text
-            class="text-[#2563eb]" @click="handleClick(mobleNumber2)">{{ mobleNumber2 }}</text>，
-          我们将全程为您提供细致解答与暖心服务。
+          如有任何疑问，欢迎随时致电景区咨询热线，我们将全程为您提供细致解答与暖心服务。
+        </view>
+        <view class="mt-[12px] flex flex-col gap-[8px]">
+          <view class="phone-row text-[16px] text-[#a3a3a3] leading-[28px]" @click="handleClick(mobleNumber1)">热线1: <text class="text-[18px] text-[#2563eb]">{{ mobleNumber1 }}</text></view>
+          <view class="phone-row text-[16px] text-[#a3a3a3] leading-[28px]" @click="handleClick(mobleNumber2)">热线2: <text class="text-[18px] text-[#2563eb]">{{ mobleNumber2 }}</text></view>
         </view>
       </view>
     </view>