源码网商城,靠谱的源码在线交易网站 我的订单 购物车 帮助

源码网商城

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

  • 时间:2022-07-23 06:20 编辑: 来源: 阅读:
  • 扫一扫,手机访问
摘要:微信小程序实现添加手机联系人功能示例
本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考,具体如下: [b]1、效果展示[/b] [img]http://files.jb51.net/file_images/article/201711/2017113090947628.jpg?2017103091257[/img]  [img]http://files.jb51.net/file_images/article/201711/2017113091306224.jpg?201710309140[/img] [img]http://files.jb51.net/file_images/article/201711/2017113091409968.jpg?2017103091450[/img] [b]2、关键代码[/b] 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;
}

[b]3、完整实例代码[/b]点击此处[url=http://xiazai.jb51.net/201711/yuanma/wx-addlxr(jb51.net).rar][b]本站下载[/b][/url]。 希望本文所述对大家微信小程序开发有所帮助。
  • 全部评论(0)
联系客服
客服电话:
400-000-3129
微信版

扫一扫进微信版
返回顶部