您的位置:首页 > 移动开发 > 微信开发

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

2017-11-30 09:00 1056 查看

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、完整实例代码点击此处本站下载

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

您可能感兴趣的文章:

内容来自用户分享和网络整理,不保证内容的准确性,如有侵权内容,可联系管理员处理 点击这里给我发消息
标签:  微信小程序 手机
相关文章推荐