微信小程序开发:两种打开客服对话界面的方法
两种使用方法:
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