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






