微信小程序开发中 两种打开客服对话界面的方法

1688源码 | 2018-02-05 14:23:00 |

 以下是介绍两种使用方法:

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>
精品源码
  • 织梦万能API 百度小程序插件

    惊爆价¥400原价¥800

    立即购买
  • 我爱登报网 百度小程序源码 织梦CMS后台

    惊爆价¥520原价¥1040

    立即购买
  • 索娜根布黑枸杞 百度小程序源码 织梦CMS后台

    惊爆价¥520原价¥1040

    立即购买
视觉焦点

推荐文章

微信小程序插件使用错误cannotread property 'version' of undefined

微信小程序使用ES6构建面向对象的JS代码及访问服务器API获取数据

最新文章

关注我们

微信扫一扫,关注更多精彩

  • 1688源码公众号
    全面掌握源码一手资讯

  • 1688源码公众号
    精彩活动,推送提醒