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

王林
Libérer: 2020-12-30 16:44:33
avant
4087 Les gens l'ont consulté

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>
Copier après la connexion

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; 
}
Copier après la connexion

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;,
  })
}
Copier après la connexion

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;
}
Copier après la connexion

. >

tel:function () {
  wx.makePhoneCall({
    phoneNumber: app.globalData.phoneNumber,
  })
}
Copier après la connexion
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!

Étiquettes associées:
source:csdn.net
Déclaration de ce site Web
Le contenu de cet article est volontairement contribué par les internautes et les droits d'auteur appartiennent à l'auteur original. Ce site n'assume aucune responsabilité légale correspondante. Si vous trouvez un contenu suspecté de plagiat ou de contrefaçon, veuillez contacter admin@php.cn
Tutoriels populaires
Plus>
Derniers téléchargements
Plus>
effets Web
Code source du site Web
Matériel du site Web
Modèle frontal