前言:
由於我這裡的點擊事物是一種圖片,因此我們需要先設定一個view,這裡使用的是bindtap事件。
(學習影片分享:程式設計影片)
首先我們來看看官方文件是怎麼說的:
我的demo的程式碼是這樣的
index.wxml
1 2 3 | <view bindtap='tel'>
<image class ='tel' mode='aspectFit' src='./img/tel.png'></image>
</view>
|
登入後複製
然後調整一下ss,當然這只是我的demo的,實際應用還是看實際的。
index.wxss
1 2 3 4 5 6 7 8 | .tel{
display: block;
width: 70rpx;
height: 70rpx;
position: absolute;
margin-top:-100rpx;
margin-left: 200rpx;
}
|
登入後複製
直接去呼叫撥打電話APIwx.makePhoneCall(OBJECT)
官方文件也寫的很清楚
#主要是填入phoneNumber,其他看需求,
第一種方法是:
index.js的Page裡面去加
1 2 3 4 5 | tel: function () {
wx.makePhoneCall({
phoneNumber: '158XXXXXXXX',
})
}
|
登入後複製
還有一種是:
就是去全域量那裡設置,去最外層的app.js的globalData加一下
1 2 3 4 | globalData: {
userInfo: null,
phoneNumber: '158XXXXXXXX'
}
|
登入後複製
然後index.js加入的是
1 2 3 4 5 | tel: function () {
wx.makePhoneCall({
phoneNumber: app.globalData.phoneNumber,
})
}
|
登入後複製
然後點擊儲存
相關推薦:小程式開發教學
#
以上是怎們實現微信小程式撥號功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!