效果展示:左边为安卓系统展示,右边为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<String> | 是 | 按钮的文字数组 | 微信、百度、抖音小程序数组长度最大为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



















