머리말:
여기서 클릭하는 것은 그림이므로 먼저 뷰를 설정해야 하며 여기서는 바인드탭 이벤트를 사용합니다.
(학습 동영상 공유: 프로그래밍 동영상)
먼저 공식 문서에 나와 있는 내용을 살펴보겠습니다.
제 데모 코드는 다음과 같습니다.
index.wxml
<view bindtap='tel'> <image class='tel' mode='aspectFit' src='./img/tel.png'></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 중국어 웹사이트의 기타 관련 기사를 참조하세요!