微信小程序点击手机号,拨打电话
2017-12-08 11:14
423 查看
实例效果
wxml代码示例:
<view
class="weui-cell weui-cell_access"
hover-class="weui-cell_active"
data-reply-phone="18813164638"
bindtap="phoneCall">
<view
class="weui-cell__hd uslogo">王</view>
<view
class="weui-cell__bd">王小鹿</view>
<view
class="weui-cell__bd">18813164638</view>
<view
class="weui-cell__ft">
<image
src="/pages/icons/people/phone.png"
/>
</view>
</view>
js代码示例:
phoneCall: function (e) {
wx.makePhoneCall({
phoneNumber: e.currentTarget.dataset.replyPhone,
success: function () {
console.log("成功拨打电话")
},
})
},
其余可以参考小程序官方API https://mp.weixin.qq.com/debug/wxadoc/dev/api/
wxml代码示例:
<view
class="weui-cell weui-cell_access"
hover-class="weui-cell_active"
data-reply-phone="18813164638"
bindtap="phoneCall">
<view
class="weui-cell__hd uslogo">王</view>
<view
class="weui-cell__bd">王小鹿</view>
<view
class="weui-cell__bd">18813164638</view>
<view
class="weui-cell__ft">
<image
src="/pages/icons/people/phone.png"
/>
</view>
</view>
js代码示例:
phoneCall: function (e) {
wx.makePhoneCall({
phoneNumber: e.currentTarget.dataset.replyPhone,
success: function () {
console.log("成功拨打电话")
},
})
},
其余可以参考小程序官方API https://mp.weixin.qq.com/debug/wxadoc/dev/api/
相关文章推荐
- 微信小程序实现直接拨打电话功能
- 微信小程序例子——使用微信小程序拨打电话
- 微信内置浏览器器中点击拨打电话功能失效
- 微信小程序部分手机无法拨打电话的解决的方案
- 微信小程序:拨打电话
- 微信小程序 提交api 防止多次点击
- 微信小程序获取用户手机号详解
- 在程序中实现邮件发送,电话拨打,sms,以及浏览器功能能的方法整理
- 微信小程序swiper实现轮播图,可触发点击事件
- 微信小程序 图片自适应及改变点击之后的样式
- iOS程序拨打电话
- 电脑抽奖程序,抽中自动拨打中奖者电话
- iOS程序中调用系统自带应用(短信,邮件,浏览器,地图,appstore,拨打电话)
- iOS程序中调用系统自带应用(短信,邮件,浏览器,地图,appstore,拨打电话)
- Android小程序——拨打电话
- 从点击事件看微信小程序的数据传递
- 在listview选项卡上有个图片,让他响应单击拨打电话事件,并且不让他和listview的点击事件冲突
- KooCall-点击精品资讯,拨打免费电话!
- 微信小程序点击移除添加class(点击改变背景颜色和字体颜色)
- 页面拨打电话、发送短信、保存手机号