WeChat 미니 프로그램 다이얼링 기능을 어떻게 구현하나요?

머리말:

여기서 클릭하는 것은 그림이므로 먼저 뷰를 설정해야 하며 여기서는 바인드탭 이벤트를 사용합니다.

(학습 동영상 공유: 프로그래밍 동영상)

먼저 공식 문서에 나와 있는 내용을 살펴보겠습니다.

제 데모 코드는 다음과 같습니다.

index.wxml

<view bindtap=&#39;tel&#39;>
<image class=&#39;tel&#39; mode=&#39;aspectFit&#39; src=&#39;./img/tel.png&#39;></image>
</view>

그런 다음 조정하세요. 물론 이것은 내 데모일 뿐이며 실제 적용은 실제 상황에 따라 달라집니다.

index.wxss

.tel{
  display: block;
  width: 70rpx;
  height: 70rpx;
  position: absolute;
  margin-top:-100rpx;
  margin-left: 200rpx; 
}

직접 호출 API wx.makePhoneCall(OBJECT)

공식 문서도 매우 명확합니다

가장 중요한 것은 전화번호를 입력하는 것입니다. 그 외는 필요에 따라 다릅니다.

첫 번째 방법은:

index.js 페이지에

tel:function () {
  wx.makePhoneCall({
    phoneNumber: '158XXXXXXXX',
  })
}

를 추가하는 것입니다. 또 다른 방법은:

전역 변수를 설정하고 가장 바깥쪽 app.js의 globalData로 이동하여 추가하는 것입니다.

globalData: {
  userInfo: null,
  phoneNumber: '158XXXXXXXX'
}

그러면 index.js에 추가되는 내용은

tel:function () {
  wx.makePhoneCall({
    phoneNumber: app.globalData.phoneNumber,
  })
}

그런 다음 저장을 클릭하세요

관련 권장 사항: Mini 프로그램 개발 튜토리얼

위 내용은 WeChat 미니 프로그램 다이얼링 기능을 어떻게 구현하나요?의 상세 내용입니다. 자세한 내용은 PHP 중국어 웹사이트의 기타 관련 기사를 참조하세요!