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


Posted in Javascript onApril 27, 2018

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

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功能,希望对大家有所帮助,如果大家有任何疑问请给我留言,小编会及时回复大家的。在此也非常感谢大家对三水点靠木网站的支持!

Javascript 相关文章推荐
js利用Array.splice实现Array的insert/remove
Jan 13 Javascript
js限制文本框为整数和货币的函数代码
Oct 13 Javascript
浅析javascript中的事件代理
Nov 06 Javascript
AngularJs自定义服务之实现签名和加密
Aug 02 Javascript
bootstrapValidator自定验证方法写法
Dec 01 Javascript
javascript 数据存储的常用函数总结
Jun 01 Javascript
JavaScript基础之流程控制语句的用法
Aug 31 Javascript
vue用addRoutes实现动态路由的示例
Sep 15 Javascript
vue-router启用history模式下的开发及非根目录部署方法
Dec 23 Javascript
JS根据json数组多个字段排序及json数组常用操作
Jun 06 Javascript
javascript 代码是如何被压缩的示例代码
May 06 Javascript
Web应用开发TypeScript使用详解
May 25 Javascript
Node.js文件编码格式的转换的方法
Apr 27 #Javascript
jQuery实现鼠标滑过商品小图片上显示对应大图片功能【测试可用】
Apr 27 #jQuery
基于Vue实现拖拽效果
Apr 27 #Javascript
Node.js利用console输出日志文件的方法示例
Apr 27 #Javascript
vue拦截器实现统一token,并兼容IE9验证功能
Apr 26 #Javascript
使用Vue动态生成form表单的实例代码
Apr 26 #Javascript
Javascript的console['']常用输入方法汇总
Apr 26 #Javascript
You might like
php float不四舍五入截取浮点型字符串方法总结
2013/10/28 PHP
PHP中的多行字符串传递给JavaScript的两种方法
2014/06/19 PHP
ZendFramework框架实现连接两个或多个数据库的方法
2016/12/08 PHP
PHP简单装饰器模式实现与用法示例
2017/06/22 PHP
javascript 窗口加载蒙板 内嵌网页内容
2010/11/19 Javascript
Javascript中判断变量是数组还是对象(array还是object)
2013/08/14 Javascript
vue富文本框(插入文本、图片、视频)的使用及问题小结
2018/08/17 Javascript
Vuejs监听vuex中值的变化的方法示例
2018/12/02 Javascript
vue实现树状表格效果
2020/12/29 Vue.js
[22:59]VGJ.S vs VG 2018国际邀请赛小组赛BO2 第二场 8.16
2018/08/17 DOTA
python在windows下实现备份程序实例
2014/07/04 Python
使用Python来编写HTTP服务器的超级指南
2016/02/18 Python
TensorFlow深度学习之卷积神经网络CNN
2018/03/09 Python
使用Python如何测试InnoDB与MyISAM的读写性能
2018/09/18 Python
opencv中图像叠加/图像融合/按位操作的实现
2020/04/01 Python
Python sql注入 过滤字符串的非法字符实例
2020/04/03 Python
Python sorted对list和dict排序
2020/06/09 Python
Python如何把字典写入到CSV文件的方法示例
2020/08/23 Python
CSS3 简单又实用的5个属性
2010/03/04 HTML / CSS
Bose美国官网:购买Bose耳机和音箱
2019/03/10 全球购物
Diptyque英国官方网站:源自法国的知名香氛品牌
2019/08/28 全球购物
意大利值得信赖的在线超级药房:PillolaStore
2020/02/05 全球购物
有机婴儿毛毯和衣服:Monica + Andy
2020/03/01 全球购物
NULL是什么,它是怎么定义的
2015/05/09 面试题
StringBuilder和String的区别
2015/05/18 面试题
汇科协同Java笔试题
2012/03/31 面试题
气象学专业个人求职信
2014/04/22 职场文书
小学教师师德承诺书
2014/05/23 职场文书
土建工程师岗位职责
2014/06/10 职场文书
2014年团员学习十八大思想汇报
2014/09/13 职场文书
教师工作自我鉴定范文
2014/09/14 职场文书
计算机实训报告范文
2014/11/05 职场文书
Python如何使用logging为Flask增加logid
2021/03/30 Python
OpenCV实现普通阈值
2021/11/17 Java/Android
Python基本知识点总结
2022/04/07 Python
vue特效之翻牌动画
2022/04/20 Vue.js