欢迎光临网站建设系统开发公司网站,优秀技术团队,诚心诚意为您服务

网站建设系统开发

cms企业网站建设系统,营销网站管理系统设计

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

作者:jcmp      发布时间:2021-04-17      浏览量:0
1、如何添加一键拨号悬浮按钮?swan部

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

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

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("拨打电话失败!") } }) }

以上就是《 如何添加一键拨号悬浮按钮? 》的全部内容,感谢阅读,希望对你有帮助!