feat: 添加呼叫热线

src/pages/ChatModule/CallMobile/index.vue

@@ -0,0 +1,49 @@
+<template>
+  <uni-popup ref="popup" type="center" :safe-area="false">
+    <view class="popup-content bg-white border-box mx-24 px-12 py-16 rounded-12">
+      <view class="header flex flex-items-center pb-12">
+        <view class="title flex-full text-center font-size-17 color-000 font-500 ml-24">呼叫热线</view>
+        <uni-icons type="close" size="24" color="#CACFD8" @click="close" />
+      </view>
+
+      <view class="border-box pl-12 pr-12">
+        <view class="font-size-16 color-A3A3A3 line-height-22">
+            如有任何疑问，欢迎随时致电景区咨询热线：
+            <text class="color-2563EB" @click="handleClick(mobleNumber1)">{{mobleNumber1}}</text> / <text class="color-2563EB" @click="handleClick(mobleNumber2)">{{mobleNumber2}}</text>，
+            我们将全程为您提供细致解答与暖心服务。
+        </view>
+      </view>
+    </view>
+  </uni-popup>
+</template>
+
+<script setup>
+import { ref } from "vue";
+const mobleNumber1 = "0854-3516115";
+const mobleNumber2 = "0854-3516116";
+
+const popup = ref(null);
+
+const open = () => {
+  popup.value && popup.value.open();
+};
+
+const close = () => {
+  popup.value && popup.value.close();
+};
+
+const handleClick = (phoneNumber) => {
+    close();
+    uni.makePhoneCall({
+      phoneNumber: phoneNumber,
+    });
+};
+
+uni.$on("SHOW_CALL_MOBILE_POPUP", () => {
+  open();
+});
+</script>
+
+<style lang="scss" scoped>
+
+</style>