时间:2021-07-01 10:21:17 帮助过:131人阅读
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; }
相信看了本文案例你已经掌握了方法,更多精彩请关注Gxl网其它相关文章!
推荐阅读:
Vue实现PopupWindow组件使用步骤解析
jQuery实现电子时钟功能步骤详解
以上就是微信小程序中添加联系在线客服功能的详细内容,更多请关注Gxl网其它相关文章!