当前位置: 首页 > article >正文

uniapp实现拨打电话跳转手机拨号界面 (ios和安卓通用)

效果展示:左边为安卓系统展示,右边为ios系统展示

代码:

toPhone(){
  uni.makePhoneCall({
    phoneNumber: "10086", //要拨打的手机号
    success: (res) => {
      // console.log("调用成功")
    },
    fail: (res) => {
      // console.log('调用失败!')
    }
  })
},

api解析:uni.makePhoneCall(OBJECT)  拨打电话

OBJECT 参数说明:

参数名类型必填说明
phoneNumberString需要拨打的电话号码
successFunction接口调用成功的回调
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

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参数说明:

参数类型必填说明平台差异说明
titleString菜单标题App、H5、支付宝小程序、钉钉小程序、微信小程序 3.4.5+(仅真机有效)
alertTextString警示文案(同菜单标题)微信小程序(仅真机有效)
itemListArray<String>按钮的文字数组微信、百度、抖音小程序数组长度最大为6个
itemColorHexColor按钮的文字颜色,字符串格式,默认为"#000000"App-iOS、飞书小程序不支持
popoverObject大屏设备弹出原生选择按钮框的指示区域,默认居中显示App-iPad(2.6.6+)、H5(2.9.2)
successFunction接口调用成功的回调函数,详见返回参数说明
failFunction接口调用失败的回调函数
completeFunction接口调用结束的回调函数(调用成功、失败都会执行)

popover 值说明(仅App生效):

类型说明
topNumber指示区域坐标,使用原生 navigationBar 时一般需要加上 navigationBar 的高度
leftNumber指示区域坐标
widthNumber指示区域宽度
heightNumber指示区域高度

success返回参数说明:

参数类型说明
tapIndexNumber用户点击的按钮,从上到下的顺序,从0开始

uniapp官方文档链接: https://uniapp.dcloud.net.cn/api/ui/prompt.html#showactionsheet


http://www.kler.cn/a/158861.html

相关文章:

  • 刘艳兵-DBA036-Oracle数据库中的触发器(Trigger)可以在以下哪种情况下自动执行?
  • Thrift与NestJS:构建高性能分布式系统的实战指南
  • 【MySQL】MySQL数据库入门:构建你的数据基石
  • Oracle 19c PDB克隆后出现Warning: PDB altered with errors受限模式处理
  • 开源科学工程技术软件介绍 – EDA工具KLayout
  • 螺旋矩阵II(leetcode 59)
  • Python网络爬虫环境的安装指南
  • 《opencv实用探索·十》opencv双边滤波的简单理解
  • 2023年甘肃省职业院校技能大赛(中职教师组)网络安全竞赛样题(一)
  • 【在英伟达nvidia的jetson-orin-nx上使用调试摄像头-同时开启多个摄像头-基础测试(2)】
  • 探索数据之美:深入学习Plotly库的强大可视化
  • pta模拟题(C语言7-26 整除光棍、7-27 稳赢、7-28 查验身份证、7-29 出生年、7-30 点赞)
  • 第2章 知识抽取:概述、方法
  • 【C++】const关键字的详解!!
  • 有权图的最短路径算法
  • 关于“你对SpringCloud的理解”
  • TrustZone之虚拟地址空间
  • Python sorted函数及用法以及如何用json模块存储数据
  • 【精选】SpringDI依赖注入及注解实现SpringIoC
  • 对抗生成网络-G与D的loss异常问题
  • CoreDNS实战(十)-kubernetes插件
  • 怎么让CMake不使用VS作为构建工具,而是使用gcc
  • VMware安装Debian12.2作为服务器(无桌面)
  • 微信小程序生成二维码并保存到本地方法
  • 【MySQL】基本安装配置
  • 单片机开发常见问题集合