Wie implementieren wir die WeChat Mini-Programmwahlfunktion?

Vorwort:

Da es sich bei dem Klick hier um ein Bild handelt, müssen wir zuerst eine Ansicht einrichten und hier das Bindtap-Ereignis verwenden.

(Teilen von Lernvideos: Programmiervideo)

Schauen wir uns zunächst an, was im offiziellen Dokument steht:

Der Code meiner Demo sieht so aus:

index.wxml

<view bindtap=&#39;tel&#39;>
<image class=&#39;tel&#39; mode=&#39;aspectFit&#39; src=&#39;./img/tel.png&#39;></image>
</view>

Dann anpassen Es ist natürlich nur meine Demo, die tatsächliche Anwendung hängt von der tatsächlichen Situation ab.

index.wxss

.tel{
  display: block;
  width: 70rpx;
  height: 70rpx;
  position: absolute;
  margin-top:-100rpx;
  margin-left: 200rpx; 
}

Rufen Sie direkt die Aufruf-API wx.makePhoneCall(OBJECT) auf

Das offizielle Dokument ist auch sehr klar

Die Hauptsache ist, die Telefonnummer einzugeben. Andere hängen von den Bedürfnissen ab.

Die erste Methode ist:

Fügen Sie

tel:function () {
  wx.makePhoneCall({
    phoneNumber: '158XXXXXXXX',
  })
}

in die Seite von index.js ein. Eine andere Möglichkeit ist:

Es besteht darin, die globale Variable festzulegen, zu den globalen Daten der äußersten app.js zu gehen und sie hinzuzufügen

globalData: {
  userInfo: null,
  phoneNumber: '158XXXXXXXX'
}

Was dann zu index.js hinzugefügt wird, ist

tel:function () {
  wx.makePhoneCall({
    phoneNumber: app.globalData.phoneNumber,
  })
}

Dann klicken Sie auf Speichern

Verwandte Empfehlungen: Mini-Tutorial zur Programmentwicklung

Das obige ist der detaillierte Inhalt vonWie implementieren wir die WeChat Mini-Programmwahlfunktion?. Für weitere Informationen folgen Sie bitte anderen verwandten Artikeln auf der PHP chinesischen Website!