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







