uni-app针对ios和安卓手机做拨打电话功能

洪洪呀

于 2021-03-10 13:47:49 发布

阅读量1.9k

点赞数 1

分类专栏： uni-app 文章标签： vue uni-app

本文链接：https://blog.csdn.net/H_hongai/article/details/114633278

版权

uni-app 专栏收录该内容

9 篇文章

订阅专栏

本文介绍如何使用uni-app在iOS和安卓上实现拨打电话功能，并针对不同平台提供不同的用户体验。通过判断当前运行的设备类型，对iOS和安卓分别采用默认模态框和自定义对话框来触发拨号。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

uni-app做拨打电话功能但是区分ios和安卓两个机型出的效果不一样

前端页面代码

这里是在一个循环体内从每一条数据中拿到对应的电话实现点击拨打

<view @click="callphone(item.phone)">{{item.phone}}</view>

js代码

callphone:function(phone){
	// 可以先打印看是否拿到传进来的电话
	console.log(phone);
	// uni.getSystemInfoSync()是获取信息同步对应接口
	const res = uni.getSystemInfoSync();
	// ios系统默认有个模态框
	if(res.platform == 'ios'){
		uni.makePhoneCall({
		phoneNumber:phone,
		success(){
			console.log('拨打成功了');
		},
		fail() {
			console.log('拨打失败了');
		}
	})
	} else {
	// 安卓手机手动设置一个showActionSheet
		uni.showActionSheet({
			itemList: [phone,'呼叫'],
			success:function(res){
				console.log(res);
			if(res.tapIndex==1){
				uni.makePhoneCall({
				phoneNumber: phone,
				})
			}
			}
		})
	}
},