微信小程序自带客服聊天功能实现（两种样式解读） |
您所在的位置：网站首页 › 枕边人by12资源 › 微信小程序自带客服聊天功能实现（两种样式解读） |
微信小程序自带客服聊天功能实现（两种样式解读）
|
小程序自带的聊天功能有两种表现方式，一种是不能调整样式的，另外一种是自己调整样式的。
这种微信自做的API是不需要后台的，而且实现方法很简单，但是也有弊端。
第一种是
就这一句代码，实现了就是这样子的，看着是不是很尴尬，哈哈，这个样式也不是说调不了，就是样子改不掉。 第二种呢，和第一种代码差不多，也很少，但是呢，样子就好看多了，还能够自己调整。 上代码和图片 wxml 客服wcss .ke-fu { width: 12%; position: fixed; bottom: 0; margin-bottom: 250rpx; text-align: center; z-index: 2; border: 1px solid #f4ebde; border-radius: 50%; margin-left: 85%; height: 90rpx; background: #f4ebde; box-shadow: 2rpx 5rpx 10rpx 5rpx #DBD7D5; } .kefu-img { width: 50rpx; height: 50rpx; } .kf-kf { vertical-align: top; margin-top: -50rpx; font-size: 22rpx; color: #BA9A84; } button { box-sizing: border-box; font-size: 18px; text-align: center; text-decoration: none; line-height: 2.55555556; border-radius: 5px; -webkit-tap-highlight-color: transparent; overflow: hidden; color: #000; padding-left: 0px; padding-right: 0px; } button::after { content: none; }这里需要注意哦，这些none是隐藏，不然会有边框的，影响审美。 这个是不是好看多了啊，代码都简单 ，也不需要什么后台之类的，弄完这个之后呢，就去后台配置一下客服就好了。莫慌，马上上图片。 进入你拥有的小程序平台 以上做完，就可以微信接到信息了，本来准备弄不是小程序自带的客服，留着以后再弄吧。 |
哦，对了，我加了一点点阴影效果，比较好看点，也能看清楚。
第二步输入你的微信号进行绑定，然后进入到第三步进入到客服中心就可以了。 
【本文地址】
今日新闻 |
推荐新闻 |