成都网站建设设计

将想法与焦点和您一起共享

微信小程序怎样实现添加手机联系人功能-创新互联

这篇文章主要介绍微信小程序怎样实现添加手机联系人功能,文中介绍的非常详细,具有一定的参考价值,感兴趣的小伙伴们一定要看完!

创新互联服务项目包括绥德网站建设、绥德网站制作、绥德网页制作以及绥德网络营销策划等。多年来,我们专注于互联网行业,利用自身积累的技术优势、行业经验、深度合作伙伴关系等,向广大中小型企业、政府机构等提供互联网行业的解决方案,绥德网站推广取得了明显的社会效益与经济效益。目前,我们服务的客户以成都为中心已经辐射到绥德省份的部分城市,未来相信会继续扩大服务区域并继续获得客户的支持与信任!

1、效果展示

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

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

2、关键代码

1)WXML文件

{{phoneNum}}

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;
}

以上是“微信小程序怎样实现添加手机联系人功能”这篇文章的所有内容,感谢各位的阅读!希望分享的内容对大家有帮助,更多相关知识,欢迎关注创新互联行业资讯频道!


网页标题:微信小程序怎样实现添加手机联系人功能-创新互联
URL网址:http://chengdu.cdxwcx.cn/article/dcseoe.html