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

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

王林
發布: 2020-12-30 16:44:33
轉載
4133 人瀏覽過

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

前言:

由於我這裡的點擊事物是一種圖片,因此我們需要先設定一個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
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板