微信小程序增加悬浮在线客服
例如在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目录下
作者:侠客源码
链接:微信小程序增加悬浮在线客服-资讯/观点-小程序社区-微信小程序-微信小程序开发社区-小程序开发论坛-微信小程序联盟
著作权归作者所有。商业转载请联系作者获得授权,非商业转载请注明出处。
微信小程序增加悬浮在线客服相关推荐
- 关于微信小程序云开发---实现客服自动回复图片例子
关于微信小程序云开发-实现客服自动回复例子 微信自带的云开发功能使前端工程师可以独立的开发出一款小程序,微信自带的云开发. 首先和开发其他平台的项目一样先看官方文档. 微信小程序开放文档 一. 什么是 ...
- aos动画库反向播放,pdf复制出现乱码,微信小程序底部栏联系客服
少小多才学,平生志气高.别人怀宝剑,我有笔如刀. 记录一些遇到的问题- 本文大概3000字,阅读大概需要9分钟 ** 本文目录 一.pdf复制出现乱码问号问题 二.aos动画库反向播放问题 三.微信 ...
- 微信小程序跳转到客服会话,将内容带到服务窗口并发送给客服(只是曲线救国)
最近有需求是这样的:通过微信小程序里面带的客服会话功能,将用户选择的不适症状发送给客服.拿到需求我首先进行了分析. 发现接入客服不难,只需要将按钮给上,设置open-type="contac ...
- 微信小程序:收藏、客服、分享、加入购物车、图片放大预览
微信小程序:收藏.客服.分享.加入购物车.图片放大预览 微信小程序包含功能 ·轮播 ·图片放大预览 ·收藏 ·客服 ·加入购物车 在goods_detail下的index.wxml写页面代码 < ...
- 微信小程序怎么接入多客服系统
最近有很多运营人说,微信公众号越来越难做了,打开率和分享率呈下滑趋势,发文就掉粉,随着小程序的功能不断优化,很多运营人纷纷投入小程序的怀抱.小程序将在今年彻底爆发,更多创业者.流量主会进场厮杀.所以只 ...
- 微信小程序云函数处理客服消息
上传配置 temp-cloud-callback-config.json 已经废弃 后续会推出新的方式 --此路不通了 [20190620更] 需开发者工具版本:现在最新版本是RC v1.02. ...
- 微信公众号、小程序开发——1、客服消息+简易自开发回复平台
一.客服消息"咨询-回复"方式 1.咨询方式 公众号:公众号主页发送各类型消息后,会在公众号后台收到用户消息. 小程序:在小程序网页中添加"客服按钮",进入客服 ...
- 微信小程序中如何发送客服消息给用户
微信小程序是一种快速开发和发布应用程序的平台,可以为用户提供各种服务和功能.而与用户进行沟通和交互是实现这些目标的重要步骤之一.因此,在本文中,我们将介绍如何在微信小程序中使用客服消息来与用户进行联系 ...
- 微信小程序云开发博客系统源代码,让写博客像发朋友圈一样简单,含使用部署教程
博客就两种:一是随笔,记录自己的成长历程,二是有目的的发文,例如搬运各种网赚文,我想大部分朋友做博客的初衷都是有一块自己的心灵净土,于是催生了wxapp-blog这款小程序. 完整代码下载地址:微信小 ...
最新文章
- tf17: “声音大挪移”
- strcmp可以比较数组么_6.3 C语言字符数组
- 从零点五开始用Unity做半个2D战棋小游戏(九)
- 解决vue router使用 history 模式刷新后404问题
- java activemq 断线_java - 防止ActiveMQ重新连接失败时自动退出 - SO中文参考 - www.soinside.com...
- Android 自定义Switch,仿微信开关键Switch
- powerpoint文字教程
- 详述一则DB2 Error Code 1639和SQL State 08001案例诊断和解决方案
- 通用Makefile模板
- DE 27 Sketching Solutions of 2x2 Homogeneous Linear System with Constant Coefficients
- noip2019集训测试赛(二)
- Linux常用命令大全
- 【FPGA】基于bt1120时序设计实现棋盘格横纵向灰阶图数据输出
- 揭开 gcc 编辑器的面貌
- 能否在计算机界面保存快捷方式,电脑截图(截屏)的快捷键是什么?电脑截图保存在哪里了?...
- 乔纳森 刘易斯 oracle,阿泰刘易斯都是幻想 专家点火箭引援之真命天子
- css从中间向两边动画,css动画效果:鼠标移上去底部线条从中间往两边延伸 - 子成君-分享出去,快乐加倍!-旧版已停更...
- 大数据与人工智能催生智能时代
- 白骨精写给孙悟空的信
- [转载] 刘迪: Stata空间溢出效应的动态图形 (空间计量)
热门文章
- 计算机win10启动慢,win10电脑启动慢怎么回事_win10系统开机启动速度慢的解决步骤-win7之家...
- strncpy,snprintf,strnlen的用法
- 【小白进来】如何选择笔记本?
- 除了特斯拉,哪个车企的自动驾驶最牛?
- WorkManager笔记: 三、加急工作
- ipad iphone开发_如何在iPhone或iPad上阅读PDF文件
- Java伪造cookie登录_Cookie防伪造防修改
- windows强制删除非空目录
- SpringBoot中@SpringBootApplication注解的三体结构解析
- 小米致歉并紧急叫停小米9发售:备货不足