微信小程序中添加客服按钮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过滤数组重复元素的方法
Sep 05 Javascript
jQuery弹出层始终垂直居中相对于屏幕或当前窗口
Apr 01 Javascript
关于extjs treepanel复选框选中父节点与子节点的问题
Apr 02 Javascript
jquery实现div阴影效果示例代码
Sep 16 Javascript
jQuery实现的无限级下拉菜单功能示例
Sep 12 Javascript
Angularjs 实现分页功能及示例代码
Sep 14 Javascript
Node.js利用Net模块实现多人命令行聊天室的方法
Dec 23 Javascript
Vue Ajax跨域请求实例详解
Jun 20 Javascript
jQuery实现的两种简单弹窗效果示例
Apr 18 jQuery
在Vue中使用HOC模式的实现
Aug 23 Javascript
vue 二维码长按保存和复制内容操作
Sep 22 Javascript
jQuery treeview树形结构应用
Mar 24 jQuery
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
VML绘图板②脚本--VMLgraph.js、XMLtool.js
2006/10/09 PHP
如何使用PHP往windows中添加用户
2006/12/06 PHP
PHP5.3.1 不再支持ISAPI
2010/01/08 PHP
PHP解析html类库simple_html_dom的转码bug
2014/05/22 PHP
php+MySQL实现登录时验证登录名和密码是否正确
2016/05/10 PHP
PHP设计模式之适配器模式定义与用法详解
2018/04/03 PHP
更优雅的事件触发兼容
2011/10/24 Javascript
JQuery的AJAX实现文件下载的小例子
2013/05/15 Javascript
JS+CSS实现弹出全屏灰黑色透明遮罩效果的方法
2014/12/20 Javascript
JavaScript使用指针操作实现约瑟夫问题实例
2015/04/07 Javascript
纯javascript实现图片延时加载方法
2015/08/21 Javascript
Bootstrap CSS组件之导航(nav)
2016/12/17 Javascript
简单实现Bootstrap标签页
2020/08/09 Javascript
Bootstrap面板使用方法
2017/01/16 Javascript
JavaScript中创建对象的7种模式详解
2017/02/21 Javascript
微信分享调用jssdk实例
2017/06/08 Javascript
利用纯js + transition动画实现移动端web轮播图详解
2017/09/10 Javascript
原生js调用json方法总结
2018/02/22 Javascript
Vue自定义指令实现checkbox全选功能的方法
2018/02/28 Javascript
vue项目部署到Apache服务器中遇到的问题解决
2018/08/24 Javascript
Python列表(list)常用操作方法小结
2015/02/02 Python
Windows系统配置python脚本开机启动的3种方法分享
2015/03/10 Python
Python编程中运用闭包时所需要注意的一些地方
2015/05/02 Python
ubuntu安装sublime3并配置python3环境的方法
2018/03/15 Python
selenium WebDriverWait类等待机制的实现
2020/03/18 Python
浅谈keras中的目标函数和优化函数MSE用法
2020/06/10 Python
提高python代码运行效率的一些建议
2020/09/29 Python
CSS3模块的目前的状况分析
2010/02/24 HTML / CSS
HTML5 window/iframe跨域传递消息 API介绍
2013/08/26 HTML / CSS
美国正宗奢华复古手袋、珠宝及配饰网站:What Goes Around Comes Around
2018/07/21 全球购物
介绍一下SQL Server的全文索引
2013/08/15 面试题
幼师岗位求职简历的自荐信格式
2013/09/21 职场文书
大二自我鉴定
2014/01/31 职场文书
创先争优标语
2014/06/27 职场文书
作风转变心得体会
2014/09/02 职场文书
政府班子四风问题整改措施思想汇报
2014/10/08 职场文书