{{phoneNum}}2)JS文件Page({data:{phoneNum:'123456789" />

编程语言


微信小程序实现添加手机联系人功能示例

网络编程 微信小程序实现添加手机联系人功能示例 06-21

本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考,具体如下:

1、效果展示

查看图片 查看图片

查看图片

2、关键代码

1)WXML文件

<view bindlongtap="phoneNumTap">{{phoneNum}}</view>

2)JS文件

Page({
 data:{
 phoneNum:'12345678901'//测试用的号码,并非真实号码
 },
 // 长按号码响应函数
 phoneNumTap:function(){
 var that=this;
 // 提示呼叫号码还是将号码添加到手机通讯录
 wx.showActionSheet({
  itemList: ['呼叫','添加联系人'],
  success:function(res){
  if(res.tapIndex===0){
   // 呼叫号码
   wx.makePhoneCall({
   phoneNumber: that.data.phoneNum,
   })
  }else if(res.tapIndex==1){
   // 添加到手机通讯录
   wx.addPhoneContact({
   firstName: 'test',//联系人姓名
   mobilePhoneNumber: that.data.phoneNum,//联系人手机号
   })
  }
  }
 })
 }
})

3)WXSS文件

view{
 color: blue;
 padding: 15px;
 border-bottom: 1px solid gainsboro;
}

3、完整实例代码点击此处本站下载

希望本文所述对大家微信小程序开发有所帮助。

完美解决手机浏览器顶部下拉出现网页源或刷新的问题
问题如下图所示:一般处理此类问题都会有一个属性:event.preventDefault(),但是如果直接使用会导致页面的内部滚动也失效导致不能滚动,我所处理的方

微信小程序简单实现form表单获取输入数据功能示例
本文实例讲述了微信小程序简单实现form表单获取输入数据功能。分享给大家供大家参考,具体如下:1、效果展示2、关键代码index.wxmlformbindsubmit="formBinds

微信小程序支付及退款流程详解
首先说明一下,微信小程序支付的主要逻辑集中在后端,前端只需携带支付所需的数据请求后端接口然后根据返回结果做相应成功失败处理即可。我在


编辑:编程语言

标签:号码,程序,联系人,手机,实例