AI智能
当前位置:
涂社首页 / 网站资讯 / 技术相关 / 如何添加一键拨号悬浮按钮?

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

2023-09-12 22:19   责任编辑: 涂社互联      阅读次数:38506   

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 {

    let mobile = e.currentTarget.dataset.id;

    if {

      mobile = app.globaldata.settings.cfg_kefu_tel;

    }

    swan.makePhoneCall {

        console.log

      },

      fail: function {

        console.log

      }

    })

  }

扫二维码与项目经理沟通

我们在微信上24小时期待您的声音

解答:网站建设APP开发小程序开发

涂社互联是色涂君网络旗下专注于网站建设APP开发小程序开发定制解决方案为主的互联网营销落地品牌。以客户需求为导向,客户利益为出发点,结合自身设计及专业建站优势,为客户提供从基础建设到营销推广的一整套解决方案,探索并实现客户商业价值较大化,为所有谋求发展的企业贡献全部力量。

涂社互联公众号
色涂君网络旗下涂社互联官方微信公众号