小程序开发的时候都会配备有类似于一个电话的悬浮按钮,比如:
这就是一个联系客服的功能,说白了就是打电话-----调用自己的电话功能进行拨打,具体代码实现
<!-- 点击拨打电话 -->
makePhone: function (e) {
var that = this;
var mobile = e.currentTarget.dataset.mobile; //点击拨打电话 携带的参数
if (mobile) { //存在电话号码
that.makePhoneCall(mobile); //调用拨打功能
} else {
app.errorTip(that, '暂无电话~', 2000); //提示框
}
}
<!-- 调起自己手机的电话拨打功能 -->
makePhoneCall: function (mobile) {
<!-- 模拟弹窗 -->
wx.showModal({
title: '', //标题
content: mobile, //弹窗展示的内容
confirmText: '拨打', //确认按钮的提示语
confirmColor: '#48C23D', //确认按钮的样式
success: function (res) {
if (res.confirm) { //如果确认则调用手机的电话功能
<!-- 拨打电话 -->
wx.makePhoneCall({
phoneNumber: mobile, //拨打的电话号码
success: function () {
console.log("拨打电话成功!")
},
fail: function () {
console.log("拨打电话失败!")
}
})
}
}
})
}