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

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

猜你喜欢

转载自blog.csdn.net/zxh1220/article/details/79815282