微信小程序 一键拨号功能 在线客服

版权声明：111 https://blog.csdn.net/qq_42897782/article/details/84665144

一键拨号需要使用bindtap方法，然后在JS中写逻辑，具体如下：

在线客服微信小程序有自己的按钮时，只需要加上开放型='接触'就可以直接点击触发

小程序前端

<view style='top:76%;left:82%; position: fixed;'>
     <!-- 一键拨号 -->
     <view class='hw50' style='background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;' bindtap='callme'>
        <image src='/images/xph.png' style='width:45rpx;height:45rpx;margin-top:18rpx; margin-left:30rpx;'></image>
        <text class='block font10 white center'style='margin-top:-8rpx'>一键拨号</text>
     </view>
     <!-- 微信客服 -->
     <view class='m_t5 hw50' style='background-color: rgba(0, 0, 0, 0.5);border-radius: 50%;'>
       <button class='form_button'  open-type='contact' >
          <image src='/images/xkf.png' style='width:45rpx;height:45rpx;margin-top:18rpx; margin-left:30rpx;'></image>
          <text class='block font10 white center'style='margin-top:-20rpx'>微信客服</text>
       </button>
     </view>
</view>

样式：

.hw50{width:100rpx;height:100rpx;}
/* 覆盖button样式 */
button.form_button{
  background-color:transparent;
  padding:0;
  margin:0;
  display:inline;
  position:static;
  border:0;
  padding-left:0;
  padding-right:0;
  border-radius:0;
  font-size:0rpx;
  color:transparent;
}

拨号功能的方法

callme: function() {
    var that = this
    wx.makePhoneCall({
      phoneNumber: '你的电话号',
    })
  },