首頁  >  文章  >  微信小程式  >  怎們實現微信小程式撥號功能

怎們實現微信小程式撥號功能

王林
王林轉載
2020-12-30 16:44:334069瀏覽

怎們實現微信小程式撥號功能

前言:

由於我這裡的點擊事物是一種圖片,因此我們需要先設定一個view,這裡使用的是bindtap事件。

(學習影片分享:程式設計影片

首先我們來看看官方文件是怎麼說的:

怎們實現微信小程式撥號功能

我的demo的程式碼是這樣的

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,當然這只是我的demo的,實際應用還是看實際的。

index.wxss

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

直接去呼叫撥打電話APIwx.makePhoneCall(OBJECT)

官方文件也寫的很清楚

怎們實現微信小程式撥號功能

#主要是填入phoneNumber,其他看需求,

第一種方法是:

index.js的Page裡面去加

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

還有一種是:

就是去全域量那裡設置,去最外層的app.js的globalData加一下

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

然後index.js加入的是

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

然後點擊儲存

怎們實現微信小程式撥號功能

相關推薦:小程式開發教學

#

以上是怎們實現微信小程式撥號功能的詳細內容。更多資訊請關注PHP中文網其他相關文章!

陳述:
本文轉載於:csdn.net。如有侵權,請聯絡admin@php.cn刪除

相關文章

看更多