行业知识
uniapp实现拨打电话跳转手机拨号界面 （ios和安卓通用）
2026-11-09 18:00:09
来源：互联网转载
效果展示：左边为安卓系统展示，右边为ios系统展示
代码：
toPhone(){ uni.makePhoneCall({ phoneNumber: "10086", //要拨打的手机号 success: (res) => { // console.log("调用成功") }, fail: (res) => { // console.log('调用失败!') } })}, api解析：uni.makePhoneCall(OBJECT) 拨打电话
OBJECT 参数说明：
| 参数名 | 类型 | 必填 | 说明 |
|---|---|---|---|
| phoneNumber | String | 是 | 需要拨打的电话号码 |
| success | Function | 否 | 接口调用成功的回调 |
| fail | Function | 否 | 接口调用失败的回调函数 |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
uniapp官方文档链接：https://uniapp.dcloud.net.cn/api/system/phone.html#makephonecall
拓展：点击弹出电话号码列表，选择其中一个电话号进行拨打
效果展示：
代码：
toPhone() { const phoneList = ["10086","10010","10000"] uni.showActionSheet({ itemList: phoneList, //电话列表 success: function(res) { if (res.tapIndex !== undefined) { uni.makePhoneCall({ phoneNumber: phoneList[res.tapIndex], success: function() { //console.log('拨打电话成功'); }, fail: function() { //console.log('拨打电话失败'); } }); } } });} api解析：uni.showActionSheet(OBJECT) 从底部向上弹出操作菜单
OBJECT参数说明：
| 参数 | 类型 | 必填 | 说明 | 平台差异说明 |
|---|---|---|---|---|
| title | String | 否 | 菜单标题 | App、H5、支付宝小程序、钉钉小程序、微信小程序 3.4.5+（仅真机有效） |
| alertText | String | 否 | 警示文案（同菜单标题） | 微信小程序（仅真机有效） |
| itemList | Array | 是 | 按钮的文字数组 | 微信、百度、抖音小程序数组长度最大为6个 |
| itemColor | HexColor | 否 | 按钮的文字颜色，字符串格式，默认为"#000000" | App-iOS、飞书小程序不支持 |
| popover | Object | 否 | 大屏设备弹出原生选择按钮框的指示区域，默认居中显示 | App-iPad（2.6.6+）、H5（2.9.2） |
| success | Function | 否 | 接口调用成功的回调函数，详见返回参数说明 | |
| fail | Function | 否 | 接口调用失败的回调函数 | |
| complete | Function | 否 | 接口调用结束的回调函数（调用成功、失败都会执行） |
popover 值说明（仅App生效）：
| 值 | 类型 | 说明 |
|---|---|---|
| top | Number | 指示区域坐标，使用原生 navigationBar 时一般需要加上 navigationBar 的高度 |
| left | Number | 指示区域坐标 |
| width | Number | 指示区域宽度 |
| height | Number | 指示区域高度 |
success返回参数说明：
| 参数 | 类型 | 说明 |
|---|---|---|
| tapIndex | Number | 用户点击的按钮，从上到下的顺序，从0开始 |
uniapp官方文档链接： https://uniapp.dcloud.net.cn/api/ui/prompt.html#showactionsheet
下一篇：备案怎么接入其他?
