[其他] 微信小程序增加悬浮在线客服

[复制链接]

[其他] 微信小程序增加悬浮在线客服[复制链接]

爱星辰 发表于 2020-12-17 13:37:30 [显示全部楼层] |阅读模式 回复:  0 浏览:  6424
在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="../../../img/kefu.png" class="img-plus-style"></image>
  5. <image src="../../../img/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目录下
xk_kefu.png xk_tel.png

转载请说明出处,本文地址:https://bbs.xcadmin.com/thread-1901-1-1.html
无限星辰工作室  好集导航 Discuz全集下载  星辰站长网  集热爱361  一品文学  手机小游戏合集   海外空间网 星辰api  星辰支付二维码管理平台 阿里云服务器 腾讯云服务器
服务Discuz!建站|DiscuzQ配置|二开|小程序|APP|搬家|挂马清理|防护|Win/Linux环境搭建|优化|运维|
服务理念:专业 诚信 友好QQ842062626 服务项目 Q群315524225
回复

使用道具 举报

您需要登录后才可以回帖 登录 | 立即注册

本版积分规则

菜鸟

4

主题

17

帖子

58

积分

菜鸟

Rank: 1

站长币
41
主机金
0
威望
0
贡献值
0
阅读权限
10
积分
58

最新帖子

  • 爱好编辑 爱好编辑 5月8日

    KX-6000G 在3D Mark11中显示核显型号为ZX C1080,P分为1046,对比之前的C960大约250-2

    帖子: 兆芯KX-6000G 发布 3倍GPU性能提升

  • 爱星辰 爱星辰 5月8日

    在index首页增加客服代码及一键拨打电话 1.index.wxss或者app.wxss文件里增加样式

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

  • 星辰网编 星辰网编 5月8日

    据外媒报导,本周一(10月5日)在印度产生一同悲惨剧,35只猕猴打群架撞塌民房,导致

    帖子: 印度35只猴子打群架撞塌民房

  • 拖动客服框
    Online Service
    点击这里给我发消息
    点击这里联系我们
    微信扫一扫
    在线客服

    Archiver|手机版|小黑屋|星辰资讯网

    © 2015-2020 Comsenz Inc.  Powered by Discuz! X3.4

    1
    QQ