当前位置:Gxlcms > JavaScript > 微信小程序中添加联系在线客服功能

微信小程序中添加联系在线客服功能

时间:2021-07-01 10:21:17 帮助过:131人阅读

这次给大家带来微信小程序中添加联系在线客服功能,微信小程序中添加联系在线客服功能的注意事项有哪些,下面就是实战案例,一起来看一下。

1. 普通客服按钮添加

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

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

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

index.wxml

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

index.wxss

  1. .kf_button{
  2. background-color: rgba(255, 255, 255, 0);
  3. border: 0px;
  4. height: 100rpx;
  5. right: 0;
  6. bottom: 20rpx;
  7. position: fixed;
  8. }
  9. .kf_button::after{
  10. border: 0px;
  11. }
  12. .kf_image{
  13. z-index: 9999;
  14. width: 100rpx;
  15. height: 100rpx;
  16. }

相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!

推荐阅读:

Vue实现PopupWindow组件使用步骤解析

jQuery实现电子时钟功能步骤详解

以上就是微信小程序中添加联系在线客服功能的详细内容,更多请关注Gxl网其它相关文章!

人气教程排行