WeChat ミニ プログラム ダイヤル機能はどのように実装すればよいですか?

前書き:

ここでクリックするものは画像なので、最初にビューを設定する必要があり、ここではbindtapイベントが使用されます。

(学習ビデオ共有: プログラミングビデオ)

まず、公式ドキュメントの内容を見てみましょう:

私のデモのコードは次のようなものです

index.wxml

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

次にssを調整します。もちろん、これは単なる私のデモです。実際のアプリケーションは、実際のアプリケーション。

index.wxss

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

通話APIを直接呼び出すwx.makePhoneCall(OBJECT)

公式ドキュメントも非常にわかりやすいです

主に電話番号を入力しますが、その他は必要に応じて変更します。

最初の方法は、

index.js のページに

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

を追加することです。別の方法があります。はい:

グローバル変数に移動して設定し、最も外側の app.js の globalData に移動して

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

を追加し、index.js で

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

をクリックし、[保存]をクリックします

関連する推奨事項:小さなプログラム開発チュートリアル

以上がWeChat ミニ プログラム ダイヤル機能はどのように実装すればよいですか?の詳細内容です。詳細については、PHP 中国語 Web サイトの他の関連記事を参照してください。