• 技术文章 >微信小程序 >小程序开发

    微信小程序内怎样增加和后台客服联系功能

    php中世界最好的语言php中世界最好的语言2018-06-04 15:04:43原创1789
    这次给大家带来微信小程序内怎样增加和后台客服联系功能,微信小程序内增加和后台客服联系功能的注意事项有哪些,下面就是实战案例,一起来看一下。

    1. 普通客服按钮添加

     <button open-type='contact' session-from=''>客服-联系我们</button>

    2. 悬浮客服按钮添加,图片自定义

    大家看地图的有个客服图片图片资源。大家去iconfont 网站去找一个就可以了

    index.wxml

    <button class="kf_button" open-type="contact" session-from="weapp">
     <image class="kf_image" src="../../resources/img/kf.PNG"></image>
    </button>

    index.wxss

    .kf_button{
     background-color: rgba(255, 255, 255, 0);
     border: 0px;
     height: 100rpx;
     right: 0;
     bottom: 20rpx;
     position: fixed;
    }
    .kf_button::after{
     border: 0px;
    }
    .kf_image{
     z-index: 9999;
     width: 100rpx;
     height: 100rpx;
    }

    相信看了本文案例你已经掌握了方法,更多精彩请关注php中文网其它相关文章!

    推荐阅读:

    js项目中常用算法

    怎样使用Vuejs自定义路由

    以上就是微信小程序内怎样增加和后台客服联系功能的详细内容,更多请关注php中文网其它相关文章!

    声明:本文原创发布php中文网,转载请注明出处,感谢您的尊重!如有疑问,请联系admin@php.cn处理
    专题推荐:小程序 客服 后台
    上一篇:微信小程序内如何做出跑马灯效果(附代码) 下一篇:利用Node.js进行文件编码格式转换
    大前端线上培训班

    相关文章推荐

    • 带大家聊聊小程序中的几种页面传参方式• 小程序学习记录之Linux出现Could not resolve-api.weixin.qq.com问题的处理方案• 什么是思维导图?怎么使用F6在小程序中绘制思维导图?• 小程序怎么配置Twoxml,让其完美支持Markdown!• 详解微信小程序中如何安装和引用ECharts?

    全部评论我要评论

  • 取消发布评论发送
  • 1/1

    PHP中文网