首页 > 开发 > JS > 正文

微信小程序中添加客服按钮contact-button功能

2024-05-06 16:43:58
字体:
来源:转载
供稿:网友

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

1. 普通客服按钮添加

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

微信小程序,contact,button,小程序,客服按钮

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

微信小程序,contact,button,小程序,客服按钮

大家看地图的有个客服图片图片资源。大家去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;}

总结

以上所述是小编给大家介绍的微信小程序中添加客服按钮contact-button功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对VeVb武林网网站的支持!


注:相关教程知识阅读请移步到JavaScript/Ajax教程频道。
发表评论 共有条评论
用户名: 密码:
验证码: 匿名发表