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

小程序的客服系統，是微信作的很是成功的一個功能，開發者能夠很方便的經過一行代碼，就可實現客服功能。

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