微信小程序组件 contact-button(客服会话按钮)
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相关api:详见客服消息接口文档
相关组件:button 组件通过设置 open-type="contact" 亦可进入客服会话
-------------------------
自定义样式:
1.可以通过改变button组件的样式。
2.可以将contact-button设置为透明定位在自定义元素上,opacity=0,因为contact-button不能改变大小和样式,但是可以改变透明度。














