ホームページ > 記事 > WeChat アプレット > WeChat ミニ プログラム ダイヤル機能はどのように実装すればよいですか?
前書き:
ここでクリックするものは画像なので、最初にビューを設定する必要があり、ここではbindtapイベントが使用されます。
(学習ビデオ共有: プログラミングビデオ)
まず、公式ドキュメントの内容を見てみましょう:
私のデモのコードは次のようなものです
index.wxml
<view bindtap='tel'> <image class='tel' mode='aspectFit' src='./img/tel.png'></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 サイトの他の関連記事を参照してください。