如何添加一键拨号悬浮按钮?

 杭州seo优化   2022-10-23 18:27   45 views 人阅读  0 条评论
摘要:

swan部分(放在每个swan页面最后),图片最好自己下载上传到自己的站点,再修改下面的图片地址:<viewclass=”tel__wrap”><buttonclass=”button

swan部分(放在每个swan页面最后),图片最好自己下载上传到自己的站点,再修改下面的图片地址:

<view class="tel__wrap">

<button class="button10" bindtap="calling_tel">

<image class="tel_image" src="https://static.51jiancong.com/wxapp/936/images/20190612/20190612085712_16199.png"></image>

</button>

</view>

 

 

css部分(只需放在index.css最后的空白位置即可):

.tel__wrap {

position:fixed;right:26rpx;bottom:30rpx;z-index:999;

}

.tel__wrap .tel_image {

width:80rpx;height:80rpx;visibility:visible;opacity:0.6;

}

.tel__wrap .button10 {

visibility:hidden;margin:0;

}


js部分(放在每个js页面最后的 }); 前面):

,calling_tel: function (e) {

let mobile=e.currentTarget.dataset.id;

if (!mobile) {

mobile=app.globaldata.settings.cfg_kefu_tel;

}

swan.makePhoneCall({

phoneNumber: mobile,

success: function () {

console.log("拨打电话成功!")

},

fail: function () {

console.log("拨打电话失败!")

}

})

}

写在结尾:以上就是如何添加一键拨号悬浮按钮?的详细内容,更多请关注【杭州SEO博客】其它相关文章!
本文地址:http://seo.youqingshuyuan.com/14238.html
版权声明:本文内容由网友自发贡献,版权归原作者所有,本站不承担相应法律责任。如您发现有涉嫌抄袭侵权的内容,请联系我们。

 相关文章  关键词:

 发表评论


表情