daishu-customer-service-entry v1.2.9
源码在src/index.js
开发
在src/index.js 下面开发,最后再npm run build 打包
引入方式
npm i --save daishu-customer-service-entry import daishuCustomerService from 'daishu-customer-service-entry' 最新版本自己查看package.json文件
使用方式
// xxx是唯一实例 建议把xxx挂在到vue.prototype上,方便使用 let xxx = new daishuCustomerService({ // 初始化时需传入click监听函数 onTap: function() { // 这里是监听click事件 } })
接入所需参数 设置参数主要是初始化传入和使用setOptions方法去设置,建议去看源码
{ app: "customerservice" // 必填 目前写死 type: "pc" //判断是跳到pc端还是h5端 app_id: "" //必填 项目唯一id web_type: "" // pc就跳pc端,popup就是以弹窗模式打开,否则就是移动端 popup: {}, // 是否已弹窗的形式打开 page: { // 选填 页面信息 name: "" //页面名称 url: "" // 页面完成url sku_id: "" // 商品或套餐id supplier_id: "" //供应商或医院id extende: { // 页面定制化信息 一般是套餐信息 sku_name: "" // 套餐名称 supplier_name: "" // 供应商名称(医院或其他) }, }, user:{ // 必填 用户信息 user_name: '', // 必填 用户名称 user_id: '', // 必填 用户id avatar_url: '', // 有就填 用户头像 mobile_phone: '' // 有就填 用户手机 }, style: { // 选填,覆盖默认样式 text: '' //文本 icon: '' // 图片 color: '' 背景色 } }
apis
xxx.reStar() // 重新初始化 xxx.setHtml() // 自己传入html字符串,改变入口样式 xxx.link // 跳转到客服聊天页 xxx.setOptions // 设置客服所需参数 xxx.hide // 隐藏入口 xxx.show // 展示入口 默认是展示
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
3 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago
4 years ago