美文网首页小程序合集极乐小程序商店极乐
微信小程序增加悬浮在线客服

微信小程序增加悬浮在线客服

作者: 极乐叔 | 来源:发表于2018-03-27 11:07 被阅读22次

例如在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目录下

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

相关文章

网友评论

  • 5b3e3d2acb69:推荐一个我常用的小程序客服系统:芝麻小客服

本文标题:微信小程序增加悬浮在线客服

本文链接:https://www.haomeiwen.com/subject/icmjcftx.html