wx拨打电话以及添加联系人

最新推荐文章于 2022-12-27 16:34:07 发布

nannan000329

最新推荐文章于 2022-12-27 16:34:07 发布

阅读量459

点赞数

本文链接：https://blog.csdn.net/nannan000329/article/details/119799711

版权

这篇博客介绍了如何在微信小程序中实现用户行为相关的通信功能。用户可以输入联系人姓名和电话，点击按钮进行拨打电话或者添加联系人。当信息为空时，会显示提示信息。示例代码展示了wxml、js和wxss的相关实现细节。

摘要由CSDN通过智能技术生成

wxml

<view class="title">用户行为</view>
<view class="demo-box">
<view class="title">通信</view>
<input bindblur="nameBlur" placeholder="请输入联系人姓名"/>
<input bindblur="phoneBlur" placeholder="请输入联系人电话"/>
<button type="primary" bindtap="makeCall">拨打电话</button>
<button bindtap="addPerson">添加联系人</button>
</view>

Page({
  data: {
   
  },
 name:'',
 phone:'',
 //更新联系人
 nameBlur:function(e){
   this.name=e.detail.value
 },
 //更新电话号码
 phoneBlur:function(e){
   this.phone=e.detail.value
 },
 //打电话
 makeCall:function(){
   let phone=this.phone
   wx.makePhoneCall({
     phoneNumber: phone,
   })
 },
//添加联系人
addPerson:function(){
  let name=this.name
  let phone=this.phone
  if(name==' '||phone==' '){
    wx.showToast({
      title: '姓名和电话不能为空！',
      icon:'none'
    })
  }else{
    wx.addPhoneContact({
      firstName: name,
      mobilePhoneNumber:phone
    })
  }
},
)}

wxss