微信小程序客服按钮

最新推荐文章于 2024-08-21 14:02:32 发布

winson.online

最新推荐文章于 2024-08-21 14:02:32 发布

阅读量977

点赞数

分类专栏：微信小程序

本文链接：https://blog.csdn.net/onion_line/article/details/83821604

版权

微信小程序专栏收录该内容

35 篇文章 0 订阅

订阅专栏

官网文档：https://developers.weixin.qq.com/miniprogram/dev/framework/open-ability/customer-message/receive.html

例如这个：

<view>
  <image src='/img/img/servicewx.png' class='card-img'>
    <button open-type="contact" class='card-img' style="opacity:0">进入客服会话</button>
  </image>
  <button open-type="contact" class='buy'></button>
</view>


/*客服 */

.card-img {
  width: 100rpx;
  height: 100rpx;
  position: fixed;
  right: 30rpx;
  bottom: 201rpx;
}

button::after {
  background: none;
}

.buy {
  width: 100rpx;
  height: 100rpx;
  position: fixed;
  right: 30rpx;
  bottom: 109rpx;
  opacity: 0;
}