Home > WeChat Applet > Mini Program Development > Tutorial on how to implement the WeChat applet function of adding mobile phone contacts

Tutorial on how to implement the WeChat applet function of adding mobile phone contacts

小云云
Release: 2017-12-12 14:51:07
Original
5435 people have browsed it

This article mainly introduces the WeChat applet to implement the function of adding mobile phone contacts. It analyzes the specific steps of adding contacts to the WeChat applet in the form of examples, including layout and logic implementation skills. Friends who need it can refer to it. I hope it can help. Everyone.

1. Effect display

##2. Key code

1) WXML file

<view bindlongtap="phoneNumTap">{{phoneNum}}</view>
Copy after login

2)JS file

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

3) WXSS file

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

Related recommendations:


Summary of functions of WeChat Mini Program

Function implementation of WeChat Mini Program user-defined template

When sharing WeChat Mini Program New function of customizable pictures

The above is the detailed content of Tutorial on how to implement the WeChat applet function of adding mobile phone contacts. For more information, please follow other related articles on the PHP Chinese website!

Related labels:
source:php.cn
Statement of this Website
The content of this article is voluntarily contributed by netizens, and the copyright belongs to the original author. This site does not assume corresponding legal responsibility. If you find any content suspected of plagiarism or infringement, please contact admin@php.cn
Popular Tutorials
More>
Latest Downloads
More>
Web Effects
Website Source Code
Website Materials
Front End Template