小程序im客服对接

pages.json

@@ -364,6 +364,17 @@
 						//app页面不显示滚动条
 						"scrollIndicator": "none"
 					}
+				},
+				{ // 客服
+					"path": "customerservice/index",
+					"style": {
+						"navigationBarTitleText": "客服",
+						"usingComponents": {
+							// #ifdef MP-WEIXIN
+							"chat": "plugin://myPlugin/chat"
+							// #endif
+						}
+					}
 				}
 			]
 

pages/product/customerservice/index.vue

@@ -0,0 +1,78 @@
+<template>
+	<view>
+		<chat></chat>
+	</view>
+</template>
+<script>
+	var chat = requirePlugin('myPlugin')
+	export default {
+		data() {
+			return {
+				
+			}
+		},
+		methods: {
+			
+		},
+		onLoad () {
+			chat.init({
+				sign: '4a971f4f4ff9637cd9286a0197b0573bf2f65de052c21791f90d4235fca41456e1cc145075567f5f47b8e13c895f3fc8cacec5789f9afee8df670f7cbe5c0f82',  //必传，公司渠道唯一标识，腾讯云智服后台系统创建「小程序插件」渠道后，在「渠道管理」获取
+				token: '', //非必填
+				uid: '',   //用户唯一标识，如果没有则不填写，默认为空
+				title: 'lilishop自营店', //非必填，如果未填写，默认获取配置标题
+				isRMB: '', //商品是否显示人民币￥,默认显示，false不显示
+				data: {    //参数c1,c2,c3,c4,c5用于传递用户信息，参数d1,d2,d3,d4,d5,d6用于传递商品信息，默认为空
+				  c1: '1',
+				  c2: '2',
+				  c3: '3',
+				  c4: '4',
+				  c5: '5',
+				  d1: '这是描述', //商品描述
+				  d2: '122.00', //价格
+				  d3: '150.00', //原价格
+				  d4: '', //展示商品图片链接
+				  d5: '', //商品跳转链接
+				  d6: '', //商品id
+				  data: ''//加密串,非必填
+				},
+				viewUrl(res){  //需要跳转的链接，则需要配置一个web-view
+				if (res) {
+				  wx.navigateTo({
+					url: '/pages/webview/index?href=' + res
+				  })
+				}
+				},
+				setTitle(res){  //设置标题
+				if (res) {
+				  wx.setNavigationBarTitle({
+					title: res
+				  })
+				}
+				},
+				setBarColor(res) {   //设置导航栏背景色
+				if (res) {
+				  wx.setNavigationBarColor({
+					frontColor: '#ffffff',
+					backgroundColor: res
+				  })
+				}
+				},
+				success(res){  //初始化成功时调用
+				if (res.data == 'success') {
+				  console.log('success');
+				}
+				},
+				fail(res){    //初始化失败时调用
+				if (res.data == 'initError') {
+				  console.log(res.message);
+				}
+				},
+				leave(res){       //离开会话页面
+				if (res) {
+				  console.log(res);
+				}
+				}
+			})
+		}
+	}
+</script>

pages/product/goods.vue

@@ -162,10 +162,10 @@
             <u-icon size="34" class="red" name="home-fill"></u-icon>
             <view class="red icon-btn-name">店铺</view>
           </view>
-          <!-- <view class="icon-btn-item" @click="linkMsgDetail()">
+          <view class="icon-btn-item" @click="linkMsgDetail()">
             <u-icon size="34" name="kefu-ermai"></u-icon>
             <view class="icon-btn-name">客服</view>
-          </view> -->
+          </view>
           <view class="icon-btn-item" @click="reluchToCart()">
             <u-icon size="34" name="storeping-cart"></u-icon>
             <view class="icon-btn-name">购物车</view>
@@ -486,7 +486,11 @@ export default {
         this.getGoodsCollectionFun(this.goodsDetail.id);
       }
     },
-
+	linkMsgDetail () {
+		uni.navigateTo({
+			url: '/pages/product/customerservice/index'
+		})
+	},
     // 格式化金钱  1999 --> [1999,00]
     formatPrice(val) {
       if (typeof val == "undefined") {