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

admin 站长可乐 关注 运营团队 高级会员
发表于网络技能版块 代码

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


1. 普通客服按钮添加

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

Image


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


Image


大家看地图的有个客服图片图片资源。大家去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功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,我会及时回复大家的。在此也非常感谢大家对小轻论坛网站的支持!

评论列表 评论
发布评论

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

拖动滑块验证
»
已有0次打赏