微信小程式中新增聯絡線上客服功能

這次為大家帶來微信小程式中新增聯絡線上客服功能，微信小程式中新增聯絡線上客服功能的注意事項有哪些，以下就是實戰案例，一起來看一下。

1. 普通客服按鈕新增

 <button open-type=&#39;contact&#39; session-from=&#39;&#39;>客服-联系我们</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;
}

相信看了本文案例你已經掌握了方法，更多精彩請關注php中文網其它相關文章！

推薦閱讀：

Vue實作PopupWindow元件使用步驟解析

#jQuery實作電子時脈功能步驟詳解

#

以上是微信小程式中新增聯絡線上客服功能的詳細內容。更多資訊請關注PHP中文網其他相關文章！