Heim > Web-Frontend > js-Tutorial > So fügen Sie mobile Kontakte im WeChat-Miniprogramm hinzu

So fügen Sie mobile Kontakte im WeChat-Miniprogramm hinzu

亚连
Freigeben: 2018-06-23 15:32:05
Original
2964 Leute haben es durchsucht

In diesem Artikel wird hauptsächlich das WeChat-Applet zur Implementierung der Funktion zum Hinzufügen von Mobiltelefonkontakten vorgestellt. Er analysiert die spezifischen Schritte zum Hinzufügen von Kontakten zum WeChat-Applet, einschließlich der Fähigkeiten zur Implementierung von Layout und Logik dazu

Das Beispiel in diesem Artikel beschreibt das WeChat-Applet zur Implementierung der Funktion zum Hinzufügen von Mobiltelefonkontakten. Teilen Sie es als Referenz mit allen. Die Details lauten wie folgt:

1. Effektanzeige

2. Schlüsselcode

1) WXML-Datei

<view bindlongtap="phoneNumTap">{{phoneNum}}</view>
Nach dem Login kopieren

2) JS-Datei

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,//联系人手机号
   })
  }
  }
 })
 }
})
Nach dem Login kopieren

3) WXSS-Datei

view{
 color: blue;
 padding: 15px;
 border-bottom: 1px solid gainsboro;
}
Nach dem Login kopieren

Das Obige habe ich für alle zusammengestellt und hoffe, dass es in Zukunft für alle hilfreich sein wird.

Verwandte Artikel:

Über den js-Ereignisschleifenmechanismus (ausführliches Tutorial)

So verwenden Sie Javascript, um die Anzeige von QQ-Weltraumfotoalben zu implementieren

So passen Sie die PC WeChat-Scancode-Anmeldung an

Details zur Verwendung der Jade Template Engine

Verwandter JS Hill-Sortieralgorithmus (ausführliches Tutorial)

Das obige ist der detaillierte Inhalt vonSo fügen Sie mobile Kontakte im WeChat-Miniprogramm hinzu. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!

Verwandte Etiketten:
Quelle:php.cn
Erklärung dieser Website
Der Inhalt dieses Artikels wird freiwillig von Internetnutzern beigesteuert und das Urheberrecht liegt beim ursprünglichen Autor. Diese Website übernimmt keine entsprechende rechtliche Verantwortung. Wenn Sie Inhalte finden, bei denen der Verdacht eines Plagiats oder einer Rechtsverletzung besteht, wenden Sie sich bitte an admin@php.cn
Beliebte Tutorials
Mehr>
Neueste Downloads
Mehr>
Web-Effekte
Quellcode der Website
Website-Materialien
Frontend-Vorlage