1、在对应需要拨打电话的标签那里绑定事件(使用的标签不固定,可以是text、view等)
例子:
<text class="phone" bindtap="callPhone">400-9121-211</text>
2、在对应的事件方法里面写入 wx.makePhoneCall
方法
例子:
callPhone() { wx.makePhoneCall({ phoneNumber: '400-9121-211' //仅为示例,并非真实的电话号码 }) },
3、效果图
在电脑上:
在手机上的效果:
PS:下面在通过一段代码给大家详细介绍下微信小程序--实现拨打电话功能:
我的点击实物是一张图片
首先设置一个view
,使用的是bindtap
事件。
官方的开发文档是这么写的
我的demo的代码是这样的
index.wxml
<view bindtap='tel'> <image class='tel' mode='aspectFit' src='./img/tel.png'></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: '158XXXXXXXX', }) }
还有一种是:
就是去全局量那里设置,去最外层的app.js
的globalData
添加一下
globalData: { userInfo: null, phoneNumber: '158XXXXXXXX' }
然后index.js
添加的是
tel:function () { wx.makePhoneCall({ phoneNumber: app.globalData.phoneNumber, }) }
然后保存点击
嗯嗯,还是应该多看看开发文档,即使不完整。
免责声明:本站文章均来自网站采集或用户投稿,网站不提供任何软件下载或自行开发的软件!
如有用户或公司发现本站内容信息存在侵权行为,请邮件告知! 858582#qq.com
暂无“微信小程序实现拨打电话功能的示例代码”评论...
更新动态
2024年04月29日
2024年04月29日
- 4.6版本隐藏锚点位置一览,隐藏锚点在哪
- 群星.2024-追风者电视剧影视原声带【SONY】【FLAC分轨】
- 曾庆瑜.1992-18首中英文经典全集【派森】【WAV+CUE】
- 群星.1991-华纳浪漫心曲精丫华纳】【WAV+CUE】
- 幕府将军 Shogun
- 纳克鲁斯 Knuckles
- 特污兔《填空题》[FLAC/分轨][239.68MB]
- 陈奕迅《黑白灰》台湾版[WAV+CUE][400M]
- 群星《三大发烧女声》3CD[WAV+CUE][2G]
- 英雄传说闪之轨迹北方战役国际版 5月29日全球同步上市
- 仙剑世界风启测试定档5月31日 感受属于东方的浪漫幻想世界
- 元气骑士前传星界法师怎么玩 操控黑暗禁忌
- 物华弥新迷踪盘第二关怎么过 迷踪盘第二关通关方法
- 物华弥新迷踪盘第三关怎么过 迷踪盘第三关通关方法
- 物华弥新迷踪盘第四关怎么过 迷踪盘第四关通关方法