电话联系问题

src/pages/user/resume/index.vue

@@ -131,10 +131,10 @@
                 <div class="f-btn-box">
                     <button class="b3" :class="`style${status}`">{{ btnText }}</button>
                     <div class="b4">
-                        <a :href="`tel:${userPhone}`">
+                        <div @click="callPhone">
                             <img src="@/static/image/icon/telephone.png" alt="" />
                             <p>立即联系</p>
-                        </a>
+                        </div>
                     </div>
                 </div>
             </template>
@@ -150,10 +150,10 @@
                 <div class="f-btn-box">
                     <button class="b3" :class="`style${applicationData.status}`">{{ applicationText }}</button>
                     <div class="b4">
-                        <a :href="`tel:${applicationData.userPhone}`">
+                        <div @click="callPhone" :href="`tel:${applicationData.userPhone}`">
                             <img src="@/static/image/icon/telephone.png" alt="" />
                             <p>立即联系</p>
-                        </a>
+                        </div>
                     </div>
                 </div>
             </template>
@@ -425,6 +425,12 @@ const invitation = () => {
         url: `/pages/recommend/invitation/index?id=${id}&jobId=${jobIdTemp.value}&userId=${userIdTemp}`
     });
 };
+/* 拨打电话 */
+const callPhone = () => {
+    uni.makePhoneCall({
+        phoneNumber: applicationData.value.userPhone
+    });
+};
 </script>
 
 <style lang="scss" scoped>
@@ -610,7 +616,7 @@ const invitation = () => {
     }
     .b4 {
         text-align: center;
-        a {
+        div {
             font-size: 12px;
             color: #1f86ff;
             text-decoration: none;