美文网首页mpvue
微信小程序自定义客服按钮(contact-button)

微信小程序自定义客服按钮(contact-button)

作者: _克林_ | 来源:发表于2017-12-15 09:50 被阅读2263次

api似乎没有开放调用客服会话接口,但是想用自定义的组件代替会话按钮。
思路很简单:在自定义的组件之上叠加一个buttonbutton设置open-type="contact",调整button样式,大小要覆盖自定义组件,最后把button设置成透明。

比如这次我是想用一个单元格:


image.png

下面是代码:

wxml

<view class='weui-cells weui_cells-after-title'>
      <view class='weui-cell'>
        <view class="weui-cell__bd">联系我们</view>
        <view class="weui-cell__ft weui-cell__ft_in-access"></view> 
        <button class='contact-btn' open-type='contact'>a</button> 
      </view>
</view>

wxss

.contact-btn {
  display: inline-block;
  position: absolute;
  width: 100%;
  background: salmon;
    opacity: 0;
}

相关文章

网友评论

    本文标题:微信小程序自定义客服按钮(contact-button)

    本文链接:https://www.haomeiwen.com/subject/tkerwxtx.html