微信小程序?qū)崿F(xiàn)撥打電話功能的示例代碼
1、在對應(yīng)需要撥打電話的標(biāo)簽?zāi)抢锝壎ㄊ录ㄊ褂玫臉?biāo)簽不固定，可以是text、view等）
例子：
<text class="phone" bindtap="callPhone">400-9121-211</text>
2、在對應(yīng)的事件方法里面寫入 wx.makePhoneCall方法
例子：
callPhone() {
wx.makePhoneCall({
phoneNumber: '400-9121-211' //僅為示例，并非真實的電話號碼
})
},
3、效果圖
在電腦上：
在手機上的效果：
PS：下面在通過一段代碼給大家詳細介紹下微信小程序--實現(xiàn)撥打電話功能：
我的點擊實物是一張圖片
首先設(shè)置一個view，使用的是bindtap事件。
官方的開發(fā)文檔是這么寫的
我的demo的代碼是這樣的
index.wxml
<view bindtap='tel'> <image class='tel' mode='aspectFit' src='./img/tel.png'></image> </view>
然后調(diào)整一下ss，當(dāng)然這只是我的demo的，實際應(yīng)用還是看實際的。
index.wxss
.tel{
display: block;
width: 70rpx;
height: 70rpx;
position: absolute;
margin-top:-100rpx;
margin-left: 200rpx;
}
直接去調(diào)用撥打電話 APIwx.makePhoneCall(OBJECT)
官方文檔也寫的很清楚
主要是填寫phoneNumber，其他看需求，
第一種方法是：
index.js的Page里面去添加
tel:function () {
wx.makePhoneCall({
phoneNumber: '158XXXXXXXX',
})
}
還有一種是：
就是去全局量那里設(shè)置，去最外層的app.js的globalData添加一下
globalData: {
userInfo: null,
phoneNumber: '158XXXXXXXX'
}
然后index.js添加的是
tel:function () {
wx.makePhoneCall({
phoneNumber: app.globalData.phoneNumber,
})
}
然后保存點擊
嗯嗯，還是應(yīng)該多看看開發(fā)文檔，即使不完整。
到此這篇關(guān)于微信小程序?qū)崿F(xiàn)撥打電話功能的示例代碼的文章就介紹到這了,更多相關(guān)微信小程序撥打電話內(nèi)容請搜索腳本之家以前的文章或繼續(xù)瀏覽下面的相關(guān)文章希望大家以后多多支持腳本之家！
相關(guān)文章
這篇文章主要介紹了微信小程序防止重復(fù)點擊按鈕的示例代碼,本文通過示例代碼給大家介紹的非常詳細,對大家的學(xué)習(xí)或工作具有一定的參考借鑒價值,需要的朋友可以參考下2023-10-10
JS獲取IE版本號與HTML設(shè)置IE文檔模式的方法
下面小編就為大家?guī)硪黄狫S獲取IE版本號與HTML設(shè)置IE文檔模式的方法。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-10-10
微信小程序使用navigator實現(xiàn)頁面跳轉(zhuǎn)功能
本周學(xué)習(xí)了navigtor到導(dǎo)航組件,目前我想使用navigtor組件實現(xiàn)跳轉(zhuǎn)以及返回功能,下面這篇文章主要給大家介紹了關(guān)于微信小程序使用navigator實現(xiàn)頁面跳轉(zhuǎn)功能的相關(guān)資料,文中通過實例代碼介紹的非常詳細,需要的朋友可以參考下2022-08-08
這篇文章主要為大家整理了一系列Bootstrap導(dǎo)航條使用方法，分享給大家，感興趣的小伙伴們可以參考一下2016-04-04
Date對象，是操作日期和時間的對象。Date對象對日期和時間的操作只能通過方法。本文就給大家簡單講述一下DATE類型的使用。2015-09-09
微信公眾號錄音文件的播放與保存(amr文件轉(zhuǎn)mp3)
本文主要介紹了微信公眾號錄音文件的播放與保存(amr文件轉(zhuǎn)mp3)，文中通過示例代碼介紹的非常詳細，具有一定的參考價值，感興趣的小伙伴們可以參考一下2021-08-08
改進點：支持同頁面有多個文本框，可自動向不同的文本框傳值。先看演示吧2008-09-09
精彩的Bootstrap案例分享 重點在注釋!(選項卡、柵格布局)
這篇文章主要為大家分享了一個精彩的Bootstrap案例，涉及到了選項卡、柵格布局，關(guān)鍵重點在注釋，感興趣的小伙伴們可以參考一下2016-07-07
JavaScript數(shù)組隨機排列實現(xiàn)隨機洗牌功能
這篇文章主要介紹了JavaScript數(shù)組隨機排列實現(xiàn)隨機洗牌功能的方法,涉及javascript中基于list.sort方法實現(xiàn)數(shù)組隨機排列的技巧,可應(yīng)用于隨機洗牌,非常具有實用價值,需要的朋友可以參考下2015-03-03
下面小編就為大家?guī)硪黄猨avascript的理解及經(jīng)典案例分析。小編覺得挺不錯的，現(xiàn)在就分享給大家，也給大家做個參考。一起跟隨小編過來看看吧2016-05-05