微信小程序客服按钮(contact-button)自定使用cell单元格形式

没有找到小程序api开放调用客服会话的接口,但是我们经常想用自定义的组件代替会话按钮。

比如像下面这样使用一个cell单元格:

方法:
在cell单元格上叠加小程序客服按钮button,调整button的大小及样式,覆盖cell组件单元格,然后把button设置成透明。

代码如下(使用的 weui cell 单元格组件):
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;
}

发表评论