在 uni-app 中为微信小程序添加打电话的功能,可以使用 uni.makePhoneCall
API。该 API可以在前端直接调用手机号进行拨打。下面是一个完整的示例,展示如何在 uni-app 中实现打电话的功能。
<template>
<view class="container">
<button @click="makePhoneCall">拨打电话</button>
</view>
</template>
<script>
export default {
data() {
return {
phoneNumber: '12345678901' // 替换为实际电话号码
};
},
methods: {
makePhoneCall() {
uni.makePhoneCall({
phoneNumber: this.phoneNumber, // 需要拨打的电话号码
success() {
console.log('拨打成功');
},
fail(err) {
console.error('拨打失败', err);
uni.showToast({
title: '拨打失败,请检查号码!',
icon: 'none'
});
}
});
}
}
};
</script>
<style scoped>
.container {
display: flex;
align-items: center;
justify-content: center;
height: 100vh;
}
button {
padding: 10px 20px;
background-color: #007AFF;
color: white;
border: none;
border-radius: 5px;
font-size: 16px;
}
button:hover {
background-color: #005BB5;
}
</style>
注意事项:
- 需要确保用户已授权拨打电话的权限。
- 确保输入的电话号码格式正确,通常需要是 11 位有效的手机号码。