如何在微信小程式內加入客服按鈕

這次帶給大家如何為微信小程式內新增客服按鈕，為微信小程式內新增客服按鈕的注意事項有哪些，以下就是實戰案例，一起來看一下。

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-baidu-map進入頁面自動定位

如何使用Vue2.0呼叫相機拍照

#

以上是如何在微信小程式內加入客服按鈕的詳細內容。更多資訊請關注PHP中文網其他相關文章！