微信小程序点击拨打电话wx.makePhoneCall()

一个平平无奇的小高

已于 2022-03-17 15:11:50 修改

阅读量2.6k

点赞数 1

分类专栏：小程序

于 2022-03-17 15:07:41 首次发布

本文链接：https://blog.youkuaiyun.com/qq_44646343/article/details/123550384

版权

微信小程序 wx.makePhoneCall 拨打电话事件监听用户交互

关键词由优快云通过智能技术生成

小程序专栏收录该内容

19 篇文章

订阅专栏

该博客展示了如何在微信小程序中使用`wx.makePhoneCall`接口实现点击按钮拨打电话的功能。通过在模板中设置样式和事件监听，当用户点击按钮时，可以调用指定的电话号码进行拨号。代码包括了模板结构、样式定义和JavaScript方法。

摘要生成于 C知道，由 DeepSeek-R1 满血版支持，前往体验 >

效果图：
在这里插入图片描述

使用的方法：
https://developers.weixin.qq.com/miniprogram/dev/api/device/phone/wx.makePhoneCall.html
在这里插入图片描述

Demo：

<template>
	<view class="sunSetPage">
		<image src="{{url}}" mode="aspectFit"></image>
		<view class="makePhone" @click="phoneCall()"></view>
	</view>
</template>

<script>
	export default {
		data() {
			return {
				url: '../../static/sunset.jpg',
				phone: '4008700087'
			}
		},
		methods: {
			phoneCall(){
				wx.makePhoneCall({
					phoneNumber: this.phone 
				})
			}
		}
	};
</script>

<style scoped lang="scss">
	.sunSetPage{
		position: relative;
		width: 100%;
		height: 100%;
		image{
			width: 100%;
			height: 100%;
		}
		.makePhone{
			position: absolute;
			top: 54vh;
			right: 6vh;
			width: 200rpx;
			height: 100rpx;
		}
	}
</style>