一键拨打电话(html,小程序,uniapp)

9 篇文章 0 订阅
8 篇文章 0 订阅

最近看到一个好玩的东西,打算记录一下
通过一行代码,一键播打电话,打算总结一下

对于js的一键拨打电话:

  1. 一键拨打电话<a href="tel:13764567708">一键拨打电话</a>
    这是最常用的拨打电话方式,显示电话号码,提示并且一键拨打
  2. 一键拨打电话

对于小程序的一键拨打电话:

  1. 联系商家:15377870982 微信小程序关于拨打电话文档
		// bindtap 相当于click事件
	<view bindtap="Callphone" data-item='{{phone}}'>联系商家:{{phone}}</view>
/*下面是js代码*/
	Page({
  data: {
   phone:"15377870982",
  },

  Callphone: function (e) {
  			/*获取电话号码*/
        let item = e.currentTarget.dataset.item;
        /*这里是微信的电话api*/
          wx.makePhoneCall({
        phoneNumber: item
       })
    },
})

该API的参数解释:
在这里插入图片描述

对于uniapp的一键拨打电话:

  1. 联系商家:15377870982
<van-cell value="18954100827"  is-link class="van-cell" @click="gocall">
				<view slot="title">
					<image src="https://yangguangchefu.soxunsoft.com/static/image/kefu.png" mode="" ></image>
					<view class="title">客服电话</view>
					
				</view>
			</van-cell>

/*下面是js代码*/
	methods: {
			gocall(){
				uni.makePhoneCall({
				 	
				 	// 手机号
				    phoneNumber: '15377870982', 
				
					// 成功回调
					success: (res) => {
						console.log('调用成功!')	
					},
				
					// 失败回调
					fail: (res) => {
						console.log('调用失败!')
					}
					
				  });
			},
			}

效果:
在这里插入图片描述
对应的参数说明:
对应的参数说明

  • 0
    点赞
  • 7
    收藏
    觉得还不错? 一键收藏
  • 3
    评论

“相关推荐”对你有帮助么?

  • 非常没帮助
  • 没帮助
  • 一般
  • 有帮助
  • 非常有帮助
提交
评论 3
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值