微信小程序组件 contact-button（客服会话按钮）

微信小程序组件 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不能改变大小和样式，但是可以改变透明度。

微信扫码，体验更多开发案例