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

た入场券 2023-01-08 06:23 122阅读 0赞

一键拨号需要使用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: '你的电话号',
        })
      },

发表评论取消回复

表情：

评论列表（有 0 条评论，122人围观）

还没有评论，来说两句吧...

相关阅读

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

一键拨号需要使用bindtap方法，然后在JS中写逻辑，具体如下：在线客服微信小程序有自己的按钮时，只需要加上开放型='接触'就可以直接点击触发小程序前端 <

た入场券/ 2023年01月08日 06:23/ 0 赞/ 123 阅读

相关小程序添加人工客服实现一键拨号的功能

今天接到新的需求，在小程序里添加人工客服，实现点击一键拨号的功能。记录一下实现过程：首先需要选择检测站，选择了检测站后获取对应检测站的客服号码，人工客服获取到客服号码即

r囧r小猫/ 2023年01月08日 06:22/ 0 赞/ 97 阅读

相关微信小程序客服消息

验签在下面一步微信小程序后台开发设置的时候前提是此接口已经完成、否则微信小程序会验签失败！ package com.cong.controller;

清疚/ 2022年11月26日 07:38/ 0 赞/ 232 阅读

相关微信小程序拨打客服电话

<button bindtap="call">电话：{ { phoneNumber}}</button> call(){ wx.makePhone

我不是女神ヾ/ 2022年11月17日 13:58/ 0 赞/ 183 阅读

相关微信小程序一键登录

项目需求点击按钮获取用户电话号码绑定到后台，登录。 ![在这里插入图片描述][20210331152809263.png] 实现思路 1. 使用微

待我称王封你为后i/ 2022年11月15日 11:20/ 0 赞/ 172 阅读

相关微信小程序客服功能

1、在页面中使用以下代码可以显示进入客服会话按钮。 <button open-type="contact"> 客服</button> 2、在微信公众平台中添加客

我就是我/ 2022年11月05日 08:39/ 0 赞/ 118 阅读

相关微信小程序—contact-button(客服)

客服会话按钮，用于在页面上显示一个客服会话按钮，用户点击该按钮后会进入客服会话。效果图如下， ![这里写图片描述][SouthEast] 1.index.wxml中：

- 日理万妓/ 2022年05月22日 11:10/ 0 赞/ 184 阅读

相关微信小程序内置在线客服

在小程序中加入客服消息按钮有两种方法：方法一、插入固定样式的客服消息按钮：只需要在 WXML 代码中插入以下标签： <contact-button></c

素颜马尾好姑娘i/ 2022年01月14日 13:17/ 0 赞/ 266 阅读

相关微信小程序客服系统

[微信公众平台][Link 1] 点击客服添加 [微信文档-接收消息和事件][-] 在页面中使用第三方客服系统芝麻小客服填写对应的 appid && Ap

忘是亡心i/ 2021年09月20日 05:42/ 0 赞/ 247 阅读

相关 uniapp 微信小程序使用button调用在线客服聊天功能

微信客服聊天功能 ![在这里插入图片描述][watermark_type_ZmFuZ3poZW5naGVpdGk_shadow_10_text_aHR0cHM6Ly9ib

￡神魔★判官ぃ/ 2021年07月25日 11:16/ 2 赞/ 4653 阅读