1.使用按钮属性
说明:open-type能够设置回复消息客服,实现前提
1.项目中使用自己的appid
2.在微信公众号-基础功能-客服中添加一个账号作为客服
3.扫描小程序的二维码查看信息
2.样式调整
由于我们新添加了一个按钮,需要调整样式
首先类row添加定位
其次,给按钮调整
button {
position: absolute;
top: 0;
left: 0;
height: 100rpx;
width: 100%;
/* 设置不透明度 */
opacity: 0.7;
}
说明:当透明度为0,按钮就会消失。
此时我们完成了小程序的联系客服功能实现,但是h5无法实现这个功能这时候我们使用uniapp官网中的ifdef条件编译,面对不同端实现不同效果
3.使用了条件编译的代码
<!-- #ifdef MP -->
<button open-type="contact">联系客服</button>
<!-- #endif -->
<!-- #ifndef MP -->
<button @click="clickContact">拨打电话</button>
<!-- #endif -->
说明:这楼里给拨打电话绑定了事件,调用拨打电话api,api的更多内容去官网查看
const clickContact = () => {
uni.makePhoneCall({
phoneNumber: "1883"
})