1. 程式人生 > >微信小程式中內嵌h5頁面,新增撥打電話功能

微信小程式中內嵌h5頁面,新增撥打電話功能

1.內嵌的h5頁面,head裡面新增meta標籤,需要撥打電話的地方新增a標籤 ,屬性href=“tel: 135xxxxxxxx”
PS:name="format-detection"為格式檢測,telephone=yes為手機號碼顯示為撥號的超連結
<meta name="format-detection" content="telephone=yes"/>

在這裡插入圖片描述

2.html頁面佈局是,點選聯絡我們,彈出phone視窗,“撥打”後面跟著後臺返回的號碼,點選取消即放棄撥打,點選確定可撥打該號碼

在這裡插入圖片描述

3.script中get請求,從後臺獲取到電話號碼賦給pcall。點選“聯絡我們”,號碼追加到.pcall的span標籤中,點選“確定”,a標籤新增href屬性,即撥號的超連結,可去到手機撥號處

在這裡插入圖片描述

4.小程式中瀏覽效果如下:

在這裡插入圖片描述