E企盈营销工具技术服务商 热线:4006-838-530

微信小程序代码实现客服功能+自定义样式+去除Button默认样式

E企盈直播平台营销卖货系统

最近在开发小程序过程中遇到挺多坑的,毕竟微信一家独大,而且他家的腾讯客服很傲娇,我从来是没打通过,好了,不吐槽了。下面介绍一个小程序客服功能的实现,其实很简单,但是它内置的样式就让人很不舒服了。 contact-button class=” type=”default-light” size=”27″  session-from=”webapp”客服/contact-button把上面那行代码加上去,出现如图效果,就是已经成功了,因为必须要在真机上调试才能进入会话,我用的是开发者工具,不过这个是人家的默认样式,自动带的图标啥的,感觉很不爽。然后就自己动手改了,我也是网上找资料,查文档改的 button class=’kefubtn cu-btn content’ open-type=”contact”text class=’text-grey’联系作者/text/button.kefubtn{  border: none;  background-color: #fff;  border-radius:0;}button::after {  border: none;}使用::after 伪类选择器,因为button的边框样式是通过::after方式实现的,如果在button上定义边框就会出现两条边框线,所以我们可以使用::after的方式去覆盖默认值。然后在自定义button的样式和你整体风格一致就大功告成了。这样功能就已经实现了,没什么技术上的难度,其实原本的自带客服按钮也能使用,就是和整体风格不搭。

赞(0) 打赏
未经允许不得转载:E企盈小程序开发-热线:4006-838-530 » 微信小程序代码实现客服功能+自定义样式+去除Button默认样式
分享到: 更多 (0)
E企盈小程序直播营销卖货系统
E企盈直播平台营销卖货系统

评论 抢沙发

E企盈小程序开发

联系我们联系我们

觉得文章有用就打赏一下文章作者

支付宝扫一扫打赏

微信扫一扫打赏