微信小程序中内嵌h5页面,添加拨打电话功能

时间:2024-03-20 13:38:00
1.内嵌的h5页面head里面添加meta标签
PS:name="format-detection"为格式检测,telephone=yes为手机号码显示为拨号的超链接
<meta name="format-detection" content="telephone=yes"/>

微信小程序中内嵌h5页面,添加拨打电话功能

2.html页面布局是,点击联系我们,弹出phone窗口,“拨打”后面跟着后台返回的号码,点击取消即放弃拨打,点击确定可拨打该号码

微信小程序中内嵌h5页面,添加拨打电话功能

3.script中get请求,从后台获取到电话号码赋给pcall。点击“联系我们”,号码追加到.pcall的span标签中,点击“确定”,a标签添加href属性,即拨号的超链接,可去到手机拨号处

微信小程序中内嵌h5页面,添加拨打电话功能

4.小程序中浏览效果如下:

微信小程序中内嵌h5页面,添加拨打电话功能