微信小程序开发:两种打开客服对话界面的方法

两种使用方法:

1、使用button来打开客服会话(本人推荐)

button参数说明

  • <view class="deg">
  • <button open-type="contact" session-from="weapp">
  • <image src="/pages/images/m_service_ico.png" mode="widthFix"></image>客服
  • </button>
  • </view>

去掉button一些默认样式

  • .deg button{border:none;height:90rpx;background:none;border-radius:0;
  • line-height:90rpx;color:#333;font-size:20rpx;text-align:center;}
  • .deg button:after{border:none;}

2、使用contact-button来打开客服会话


客服会话按钮,用于在页面上显示一个客服会话按钮,用户点击该按钮后会进入客服会话。

属性名 类型 默认值 说明
size Number 18 会话按钮大小,有效值 18-27,单位:px
type String default-dark 会话按钮的样式类型
session-from String 用户从该按钮进入会话时,开发者将收到带上本参数的事件推送。本参数可用于区分用户进入客服会话的来源。

type 有效值:

说明
default-dark
default-light

 

示例代码

<contact-button 
type="default-light" 
size="20" 
session-from="weapp
">
</contact-button>
THE END