uniapp 长按打电话

### 实现 UniApp 中长按触发拨打电话

为了实现在 UniApp 应用中通过长按某个元素来触发拨打电话的功能，可以利用 `@longpress` 事件绑定到目标组件上。此方法允许用户长时间按下屏幕上的特定区域以执行指定操作，在这种情况下即为发起电话呼叫。

对于具体的实现细节如下：

HTML 结构部分定义了一个按钮用于触发展示效果，并绑定了 `@longpress` 事件处理器至该视图组件[^4]。

<template>
    <view class="page-map">
        <!-- 绑定 longpress 事件 -->
        <view class="btn" @longpress="handleLongPressTel('135xxxxxxxxxx')" style="text-align: center;">
            长按这里拨打电话
        </view>
    </view>
</template>

JavaScript 方法区段内编写了处理函数 `handleLongPressTel(phone)` 来响应用户的交互行为。当检测到长按时会调用内置 API 函数 `uni.makePhoneCall()` 并传递所需拨打的目标号码作为参数[^2]。

<script>
export default {
    methods: {
        handleLongPressTel(phoneNumber){
            uni.makePhoneCall({
                phoneNumber,
                success(){
                    console.log(`正在尝试拨打 ${phoneNumber}`);
                },
                fail(err){
                    console.error("拨打失败", err);
                }
            });
        }
    }
}
</script>

上述代码片段展示了如何在 UniApp 环境下创建一个简单的界面元素并为其配置长按手势监听器以便于启动电话应用程序进行外呼操作。