1.ifdef条件编译实现多终端匹配和客服消息

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"
		})

4.效果实现

4.1h5端

4.2小程序端(真机调试才能实现)

评论
添加红包

请填写红包祝福语或标题

红包个数最小为10个

红包金额最低5元

当前余额3.43前往充值 >
需支付:10.00
成就一亿技术人!
领取后你会自动成为博主和红包主的粉丝 规则
hope_wisdom
发出的红包
实付
使用余额支付
点击重新获取
扫码支付
钱包余额 0

抵扣说明:

1.余额是钱包充值的虚拟货币,按照1:1的比例进行支付金额的抵扣。
2.余额无法直接购买下载,可以购买VIP、付费专栏及课程。

余额充值