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

1.内嵌的h5页面,head里面添加meta标签,需要拨打电话的地方添加a标签 ,属性href=“tel: 135xxxxxxxx”
PS:name="format-detection"为格式检测,telephone=yes为手机号码显示为拨号的超链接

微信小程序中内嵌h5页面,添加拨打电话功能_第1张图片

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

微信小程序中内嵌h5页面,添加拨打电话功能_第2张图片

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

微信小程序中内嵌h5页面,添加拨打电话功能_第3张图片

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

微信小程序中内嵌h5页面,添加拨打电话功能_第4张图片

你可能感兴趣的:(微信小程序)