搜索
首页微信小程序小程序开发怎们实现微信小程序拨号功能

怎们实现微信小程序拨号功能

Dec 30, 2020 pm 04:44 PM
小程序

怎们实现微信小程序拨号功能

前言:

由于我这里的点击事物是一种图片,因此我们需要先设置一个view,这里使用的是bindtap事件。

(学习视频分享:编程视频

首先我们来看看官方文档是怎么说的:

7a572409065e1b46e0b94552d8a1448.png

我的demo的代码是这样的

index.wxml

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

然后调整一下ss,当然这只是我的demo的,实际应用还是看实际的。

index.wxss

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

直接去调用拨打电话 APIwx.makePhoneCall(OBJECT)

官方文档也写的很清楚

1d36938d3fec25b1bb4e5c480c4b02b.png

主要是填写phoneNumber,其他看需求,

第一种方法是:

index.js的Page里面去添加

tel:function () {
  wx.makePhoneCall({
    phoneNumber: &#39;158XXXXXXXX&#39;,
  })
}

还有一种是:

就是去全局量那里设置,去最外层的app.js的globalData添加一下

globalData: {
  userInfo: null,
  phoneNumber: &#39;158XXXXXXXX&#39;
}

然后index.js添加的是

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

然后点击保存

0c3137a9a0ffca8237dbec43b521ce9.png

相关推荐:小程序开发教程

以上是怎们实现微信小程序拨号功能的详细内容。更多信息请关注PHP中文网其他相关文章!

声明
本文转载于:csdn。如有侵权,请联系admin@php.cn删除

热AI工具

Undresser.AI Undress

Undresser.AI Undress

人工智能驱动的应用程序,用于创建逼真的裸体照片

AI Clothes Remover

AI Clothes Remover

用于从照片中去除衣服的在线人工智能工具。

Undress AI Tool

Undress AI Tool

免费脱衣服图片

Clothoff.io

Clothoff.io

AI脱衣机

AI Hentai Generator

AI Hentai Generator

免费生成ai无尽的。

热门文章

R.E.P.O.能量晶体解释及其做什么(黄色晶体)
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.最佳图形设置
3 周前By尊渡假赌尊渡假赌尊渡假赌
R.E.P.O.如果您听不到任何人,如何修复音频
3 周前By尊渡假赌尊渡假赌尊渡假赌
WWE 2K25:如何解锁Myrise中的所有内容
4 周前By尊渡假赌尊渡假赌尊渡假赌

热工具

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

适用于 Eclipse 的 SAP NetWeaver 服务器适配器

将Eclipse与SAP NetWeaver应用服务器集成。

Atom编辑器mac版下载

Atom编辑器mac版下载

最流行的的开源编辑器

ZendStudio 13.5.1 Mac

ZendStudio 13.5.1 Mac

功能强大的PHP集成开发环境

VSCode Windows 64位 下载

VSCode Windows 64位 下载

微软推出的免费、功能强大的一款IDE编辑器

禅工作室 13.0.1

禅工作室 13.0.1

功能强大的PHP集成开发环境