码迷,mamicode.com
首页 > 其他好文 > 详细

小程序中添加客服按钮contact-button

时间:2018-04-26 23:25:03      阅读:2639      评论:0      收藏:0      [点我收藏+]

标签:小程序   targe   hot   src   target   成功   res   ESS   get   

小程序的客服系统,是微信做的非常成功的一个功能,开发者可以很方便的通过一行代码,就可实现客服功能。

1. 普通客服按钮添加

 <button open-type=contact session-from=‘‘>客服-联系我们</button>

技术分享图片

2. 悬浮客服按钮添加,图片自定义

技术分享图片

 

大家看地图的有个客服图片图片资源。大家去iconfont 网站去找一个就可以了

index.wxml

<button class="kf_button" open-type="contact" session-from="weapp">
    <image class="kf_image" src="../../resources/img/kf.PNG"></image>
</button>

 

index.wxss

.kf_button{
  background-color: rgba(255, 255, 255, 0);
  border: 0px;
  height: 100rpx;
  right: 0;
  bottom: 20rpx;
  position: fixed;
}
.kf_button::after{
  border: 0px;
}
.kf_image{
  z-index: 9999;
  width: 100rpx;
  height: 100rpx;
}

 

芝麻小客服 小程序关注公众号的电商多客服系统 http://xiaokefu.hotapp.cn

小程序中添加客服按钮contact-button

标签:小程序   targe   hot   src   target   成功   res   ESS   get   

原文地址:https://www.cnblogs.com/likwo/p/8954977.html

(0)
(0)
   
举报
评论 一句话评论(0
登录后才能评论!
© 2014 mamicode.com 版权所有  联系我们:gaon5@hotmail.com
迷上了代码!