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

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

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

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

前言:

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

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

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

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

我的demo的程式碼是這樣的

index.wxml

1

2

3

<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

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: &#39;158XXXXXXXX&#39;,

  })

}

登入後複製

還有一種是:

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

1

2

3

4

globalData: {

  userInfo: null,

  phoneNumber: &#39;158XXXXXXXX&#39;

}

登入後複製

然後index.js加入的是

1

2

3

4

5

tel:function () {

  wx.makePhoneCall({

    phoneNumber: app.globalData.phoneNumber,

  })

}

登入後複製

然後點擊儲存

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

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

#

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

相關標籤:
來源:csdn.net
本網站聲明
本文內容由網友自願投稿,版權歸原作者所有。本站不承擔相應的法律責任。如發現涉嫌抄襲或侵權的內容,請聯絡admin@php.cn
最新問題
熱門教學
更多>
最新下載
更多>
網站特效
網站源碼
網站素材
前端模板