Maison >Applet WeChat >Développement de mini-programmes >Comment implémentons-nous la fonction de numérotation du mini-programme WeChat ?

Comment implémentons-nous la fonction de numérotation du mini-programme WeChat ?

王林
王林avant
2020-12-30 16:44:334125parcourir

Comment implémentons-nous la fonction de numérotation du mini-programme WeChat ?

Préface :

Puisque le clic ici est une image, nous devons d'abord configurer une vue, et l'événement bindtap est utilisé ici.

(Partage de vidéos d'apprentissage : Vidéo de programmation)

Tout d'abord, jetons un coup d'œil à ce que dit le document officiel :

Comment implémentons-nous la fonction de numérotation du mini-programme WeChat ?

Le code de ma démo est comme ça

index.wxml

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

Ensuite, ajustez le ss Bien sûr, ce n'est que ma démo. L'application réelle dépend de l'application réelle. .

index.wxss

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

Appelez directement l'API d'appel wx.makePhoneCall(OBJECT)

La documentation officielle est également très claire

Comment implémentons-nous la fonction de numérotation du mini-programme WeChat ?

Remplissez principalement le numéro de téléphone. Les autres dépendent des besoins

La première méthode est :

Ajouter

tel:function () {
  wx.makePhoneCall({
    phoneNumber: &#39;158XXXXXXXX&#39;,
  })
}

dans la page d'index.js. Il existe également un autre moyen. Oui :

consiste à le définir dans la variable globale. Accédez au globalData de l'app.js le plus externe et ajoutez

globalData: {
  userInfo: null,
  phoneNumber: &#39;158XXXXXXXX&#39;
}

. >

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

et cliquez sur Enregistrer

Comment implémentons-nous la fonction de numérotation du mini-programme WeChat ?

Recommandations associées :

Tutoriel de développement de mini-programmes

Ce qui précède est le contenu détaillé de. pour plus d'informations, suivez d'autres articles connexes sur le site Web de PHP en chinois!

Déclaration:
Cet article est reproduit dans:. en cas de violation, veuillez contacter admin@php.cn Supprimer