当前位置: 首页 > 编程笔记 >

微信小程序组件 contact-button(客服会话按钮)详解及实例代码

孟和玉
2023-03-14
本文向大家介绍微信小程序组件 contact-button(客服会话按钮)详解及实例代码,包括了微信小程序组件 contact-button(客服会话按钮)详解及实例代码的使用技巧和注意事项,需要的朋友参考一下

微信小程序组件 contact-button

contact-button

客服会话按钮,用于在页面上显示一个客服会话按钮,用户点击该按钮后会进入客服会话。

属性名 类型 默认值 说明
size Number 18 会话按钮大小,有效值 18-27,单位:px
type String default-dark 会话按钮的样式类型,有效值 default-dark, default-light
session-from String   用户从该按钮进入会话时,开发者将收到带上本参数的事件推送。本参数可用于区分用户进入客服会话的来源。

示例代码

<contact-button 
 type="default-light" 
 size="20"
 session-from="weapp"
>
</contact-button>

相关api:详见客服消息接口文档

感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

 类似资料:
  • 本文向大家介绍微信小程序 video组件详解及实例代码,包括了微信小程序 video组件详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 视频播放组件与图片加载组件也没啥差别,使用起来也没啥注意的 重要属性: wxml js 相关文章: hello WeApp                      icon组件 Window                             tex

  • 本文向大家介绍微信小程序 icon组件详细及实例代码,包括了微信小程序 icon组件详细及实例代码的使用技巧和注意事项,需要的朋友参考一下 属性:  效果图:  test.wxml 感谢阅读,希望能帮助到大家,谢谢大家对本站的支持!

  • 本文向大家介绍微信小程序 radio单选框组件详解及实例代码,包括了微信小程序 radio单选框组件详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 微信小程序单选框radio  相关文章: 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程

  • 本文向大家介绍微信小程序 获取微信OpenId详解及实例代码,包括了微信小程序 获取微信OpenId详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 获取微信OpenId 先获取code 再通过code获取authtoken,从authtoken中取出openid给前台 微信端一定不要忘记设定网页账号中的授权回调页面域名 流程图如下 主要代码 页面js代码 WxCodeServlet代码 W

  • 本文向大家介绍微信小程序 form组件详解及简单实例,包括了微信小程序 form组件详解及简单实例的使用技巧和注意事项,需要的朋友参考一下 微信小程序form 相关文章: 微信小程序 Button 微信小程序 radio 微信小程序 slider 微信小程序 switch 微信小程序 textarea 微信小程序 picker-view 微信小程序 picker 微信小程序 label 微信小程序

  • 本文向大家介绍微信小程序 Image组件实例详解,包括了微信小程序 Image组件实例详解的使用技巧和注意事项,需要的朋友参考一下 image组件也是一个程序不可缺少的,可以这样说一个app中image组件随处可以看到,一般 image有两种加载方式第一种是网络图片第二种是本地图片资源,都用src属性去指定。 重点属性: 三种缩放模式 九种剪切方式 wxml 相关文章: hello WeApp  

  • 本文向大家介绍微信小程序 视图容器组件的详解及实例代码,包括了微信小程序 视图容器组件的详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 微信小程序 视图容器组件详解: 小程序给出的视图容器组件有三个:</view>、</scroll-view>和</swiper>: 1、</view> 视图容器 </view>相当于html中的</div>标签,有四个属性: hover和hover-cla

  • 本文向大家介绍微信小程序 template模板详解及实例代码,包括了微信小程序 template模板详解及实例代码的使用技巧和注意事项,需要的朋友参考一下 微信小程序 template模板详解 如下图,我在做华企商学院小程序的时候,课程搜索结果页和课程列表页结构是完全一样的,这时就非常适合使用模板来完成页面搭建。实现一次定义,到处使用。 模板 一、定义模板 1、新建一个template文件夹用来管