咫尺资讯站一一为您提供时下热门前沿动态

查看更多
首页> 微信小程序资讯> 微信小程序客服消息按钮太小解决方法contact-button

微信小程序客服消息按钮太小解决方法contact-button

阅读:753微信小程序

客服消息contact-button微信小程序提供的contact-button客服会话按钮,用于在页面上显示一个客服会话按钮,用户点击该按钮后会进入客服会话。比较坑的是只有点到消息的图标按钮才会起作用,而且大小不能随意控制,但我们有时需要更大空间去触发按钮,所有用下面方法解决。---

wxml

<view class="fix flex">  <view class="wd50 zx ss">    <contact-button class="contact" type="default-light" size="12" session-from="weapp" style="position:absolute;top:30rpx;left:60rpx;">    </contact-button>    <contact-button class="contact" type="default-light" size="12" session-from="weapp" style="opacity:0;position:absolute;top:30rpx;left:100rpx; ">    </contact-button>    <contact-button class="contact" type="default-light" size="12" session-from="weapp" style="opacity:0;position:absolute;top:30rpx;left:140rpx; ">    </contact-button>    <contact-button class="contact" type="default-light" size="12" session-from="weapp" style="opacity:0;position:absolute;top:30rpx;left:200rpx; ">    </contact-button>    <text style="position:relative;">在线咨询</text>  </view>  <view class="wd50 dh ss" bindtap="phonecontact">    <label class="icimg iconfont icon-dianhua"></label>    <text>电话咨询</text>  </view></view>


主要就是多放上几个contact-button按钮,按钮都设置绝对定位position:absolute;opacity:0;然后调整位置,这样点击文字也会触发



【温馨提示】即速应用倡导尊重与保护知识产权。如发现本站文章存在版权问题,烦请提供版权疑问、身份证明、版权证明、联系方式等发邮件至1223636800@qq.com ,我们将及时处理。本站文章仅作分享交流用途,作者观点不等同于即速应用观点。用户与作者的任何交易与本站无关,请知悉。

  • 头条
  • 搜狐
  • 微博
  • 百家
  • 一点资讯
  • 知乎