例如在index首页增加客服代码及一键拨打电话

1、index.wxss或者app.wxss文件里增加样式

.img-plus-style {  height: 70rpx;  width: 70rpx;  position: fixed;  bottom: 220rpx;  right: 30rpx;  opacity: 0.7} .img-plus-style1 {  height: 70rpx;  width: 70rpx;  position: fixed;  bottom: 130rpx;  right: 30rpx;  opacity: 0.7} .zindex100{z-index: 100}.yc{opacity: 0}

2、index.wxml文件增加代码

<view> <contact-button type="default-dark" size="20" session-from="weapp" class="img-plus-style zindex100 yc"></contact-button><image src="../../image/xk_kefu.png" class="img-plus-style"></image> <image src="../../image/xk_tel.png" class="img-plus-style1" bindtap="calling"></image></view>

3、index.js增加 一键拨号

calling: function () {     wx.makePhoneCall({       phoneNumber: '10086', })},

4、把两个图标放在image目录下

作者：侠客源码
链接：微信小程序增加悬浮在线客服-资讯/观点-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟
著作权归作者所有。商业转载请联系作者获得授权，非商业转载请注明出处。

原著是一个有趣的人,若有侵权,请通知删除