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

更新时间：2018年04月27日 09:24:35 作者：Likwo

这篇文章主要介绍了微信小程序中添加客服按钮contact-button功能，小程序的客服系统，是微信做的非常成功的功能，开发者很容易的实现客服功能

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

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

您可能感兴趣的文章:

ES6解构赋值的功能与用途实例分析
这篇文章主要介绍了ES6解构赋值的功能与用途,结合实例形式分析了ES6结构赋值针对函数参数、赋值、json等相关操作使用技巧,需要的朋友可以参考下
2017-10-10
JS中作用域以及变量范围分析
这篇文章主要介绍了JS中作用域以及变量范围分析,需要的朋友可以参考下
2020-07-07
微信小程序实现指定显示行数多余文字去掉用省略号代替
这篇文章主要介绍了微信小程序实现指定显示行数多余文字去掉用省略号代替的方法,需要的朋友可以参考下
2018-07-07
Bootstrap每天必学之按钮（Button）插件
Bootstrap每天必学之按钮（Button）插件,通过按钮（Button）插件，您可以添加进一些交互，比如控制按钮状态，或者为其他组件（如工具栏）创建按钮组，感兴趣的小伙伴们可以参考一下
2016-04-04
浅谈javascript 函数表达式和函数声明的区别
javascript中声明函数的方法有两种:函数声明式和函数表达式.究竟他们用起来有什么区别呢，今天就本着打破砂锅问到底的精神，好好来说说这个让人神魂颠倒的--函数声明。
2016-01-01
不会死机的js 格式代码
别人写的 js 格式代码,说是不会死机,可以格式超长代码.
2008-05-05
javascript折半查找详解
这篇文章主要介绍了javascript折半查找详解的相关资料,需要的朋友可以参考下
2015-01-01
Vue考试系统的后台管理功能开发示例解读
这篇文章主要介绍了Vue考试系统后台管理项目的登录、记住密码功能具体实现流程，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2022-09-09
JavaScript调用C语言的几种方式
本文主要介绍了JavaScript调用C语言的几种方式，文中通过示例代码介绍的非常详细，对大家的学习或者工作具有一定的参考学习价值，需要的朋友们下面随着小编来一起学习学习吧
2023-02-02
原生js实现随机点名
这篇文章主要为大家详细介绍了原生js实现随机点名，文中示例代码介绍的非常详细，具有一定的参考价值，感兴趣的小伙伴们可以参考一下
2020-07-07