微信小程序开发：两种打开客服对话界面的方法

两种使用方法：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8080.html

1、使用button来打开客服会话(本人推荐)文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8080.html

button参数说明文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8080.html

• <view class="deg">
• <button open-type="contact" session-from="weapp">
• <image src="/pages/images/m_service_ico.png" mode="widthFix"></image>客服
• </button>
• </view>

去掉button一些默认样式文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8080.html

• .deg button{border:none;height:90rpx;background:none;border-radius:0;
• line-height:90rpx;color:#333;font-size:20rpx;text-align:center;}
• .deg button:after{border:none;}

2、使用contact-button来打开客服会话文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8080.html

客服会话按钮，用于在页面上显示一个客服会话按钮，用户点击该按钮后会进入客服会话。文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8080.html

type 有效值：文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8080.html

 文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8080.html

示例代码文章源自菜鸟学院-https://www.cainiaoxueyuan.com/xcx/8080.html

<contact-button 
type="default-light" 
size="20" 
session-from="weapp
">
</contact-button>