微信小程序实现添加手机联系人功能示例
更新时间:2017年11月30日 09:00:34 作者:FutrueJet
这篇文章主要介绍了微信小程序实现添加手机联系人功能,结合实例形式分析了微信小程序添加联系人的具体步骤,包括布局与逻辑实现技巧,需要的朋友可以参考下
本文实例讲述了微信小程序实现添加手机联系人功能。分享给大家供大家参考,具体如下:
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、完整实例代码点击此处本站下载。
希望本文所述对大家微信小程序开发有所帮助。
相关文章
Ajax+FormData+javascript实现无刷新表单信息提交
在前端开发中ajax,formdata和js实现无刷新表单信息提交非常棒,接下来通过本文给大家介绍Ajax+FormData+javascript实现无刷新表单信息提交的相关资料,需要的朋友可以参考下2016-10-10JavaScript中ES6规范中let和const的用法和区别
这篇文章主要介绍了JavaScript中ES6规范中let和const的用法和区别,文中通过示例代码介绍的非常详细,对大家的学习或者工作具有一定的参考学习价值,需要的朋友们下面随着小编来一起学习学习吧2020-08-08移动端触屏幻灯片图片切换插件idangerous swiper.js
这篇文章主要为大家详细介绍了移动端触屏幻灯片图片切换插件idangerous swiper.js的使用方法,具有一定的参考价值,感兴趣的小伙伴们可以参考一下2017-04-04
最新评论