微信小程序中添加客服按钮contact-button功能
2018-04-27 09:24
2301 查看
小程序的客服系统,是微信做的非常成功的一个功能,开发者可以很方便的通过一行代码,就可实现客服功能。
1. 普通客服按钮添加
<button open-type='contact' session-from=''>客服-联系我们</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; }
总结
以上所述是小编给大家介绍的微信小程序中添加客服按钮contact-button功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对脚本之家网站的支持!
您可能感兴趣的文章:
相关文章推荐
- 小程序中添加客服按钮contact-button
- 微信小程序客服消息按钮太小解决方法contact-button
- 微信小程序组件 contact-button(客服会话按钮)详解及实例代码
- 微信小程序分享功能之按钮button 边框隐藏和点击隐藏
- 微信小程序添加悬浮在线客服会话按钮
- 微信小程序—contact-button(客服)
- 微信小程序 实现列表项滑动显示删除按钮的功能
- 微信小程序实现点击按钮修改字体颜色功能【附demo源码下载】
- 微信小程序 Button按钮与Icon图标
- [置顶] 自动客服功能的微信小程序
- 【微信小程序】把客服按钮替换成自己想要的图片
- 微信小程序实现多个按钮toggle功能的实例
- 微信小程序实现点击按钮修改view标签背景颜色功能示例【附demo源码下载】
- 微信小程序客服消息相关(客服按钮修改)
- 微信小程序客服功能
- 微信小程序实现点击按钮修改文字大小功能【附demo源码下载】
- 微信小程序实现点击按钮移动view标签的位置功能示例【附demo源码下载】
- 小程序添加客服-微信小程序开发-视频教程13
- 详解微信小程序文本框(label/input)、按钮(button)用法,以登陆界面为例
- 2.3.1微信小程序按钮组件:button