用户
 找回密码
 立即注册

QQ登录

只需一步,快速开始

微客吧 首页 小程序资讯 查看内容

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

呆呆 2018-3-30 11:41

例如在index首页增加客服代码及一键拨打电话1、index.wxss或者app.wxss文件里增加样式.img-plus-style { height: 70rpx; width: 70rpx; position: fixed; bottom: 220rpx; right: 30rpx; opacity: ...

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

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

  1. .img-plus-style {
  2. height: 70rpx;
  3. width: 70rpx;
  4. position: fixed;
  5. bottom: 220rpx;
  6. right: 30rpx;
  7. opacity: 0.7
  8. }
  9. .img-plus-style1 {
  10. height: 70rpx;
  11. width: 70rpx;
  12. position: fixed;
  13. bottom: 130rpx;
  14. right: 30rpx;
  15. opacity: 0.7
  16. }
  17. .zindex100{z-index: 100}
  18. .yc{opacity: 0}

2、index.wxml文件增加代码

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

3、index.js增加 一键拨号

  1. calling: function () {
  2. wx.makePhoneCall({
  3. phoneNumber: '10086',
  4. })
  5. },

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

 

鲜花
鲜花
握手
握手
雷人
雷人
路过
路过
鸡蛋
鸡蛋
分享至 : QQ空间
收藏