复制客服微信号，前往微信添加，拨打电话，打开微信客服消息回调（button open-type=‘contact‘）

嘿，小苹果

已于 2023-09-17 10:37:55 修改

阅读量603

点赞数

文章标签：微信小程序

于 2022-07-23 11:58:14 首次发布

本文链接：https://blog.csdn.net/AAAXiaoApple/article/details/125945890

版权

注* 苹果手机拨打电话，会调起两次拨打电话
// 第一种 uni 复制

<view class="mainbox">
			<view class="title">
				客服电话
			</view>	
			<view class="content flex_between m_t_32"  @click="tocall">
				<image :src="src1"  class="images"></image>
				<text class="text">{{phone}}</text>
			</view>
			
		</view>
<view class="mainbox m_t_36">
			<view class="title">
				微信客服
			</view>	
			<view class="tips m_t_18">复制客服微信号，前往微信添加</view>
			<view class="content flex_between m_t_32" @click="tocopy">
				<text>{{wechat}}</text>
				<image :src="src2"  class="text images"></image>
			</view>
			
		</view>

// 拨打电话
tocall(){
				uni.makePhoneCall({
					phoneNumber: this.phone
				})
			},
// 复制
tocopy(){
			// uni.showModal({
				// content:'0371-0236842',
				// confirmText:'复制内容',
				// success:()=> {
					uni.setClipboardData({
						data: this.wechat,
						success:()=> {
							uni.showToast({
								title:'复制成功'
							})
						}
					})
				// }
			// })
		},

打开微信小程序客服消息回调

<button open-type='contact' session-from='' :plain='true' type="default" hover-class="none">
		<view class="u-m-t-20">我的客服</view>
</button>

<style lang='scss'>
	button[type=default][plain] {
	    background-color: transparent;
	    border: 1px solid transparent;
	}
</style>

在这里插入图片描述

// 第二种 js 对文本的复制

function copyContent() {
        // 由于input元素在页面上渲染后具有选中的功能，所以这里创建input的方式实现点击复制的功能
        let inputElement = document.createElement('input');
        var content = $(".contentData").val();
        inputElement.type = 'text';
        inputElement.value = content;
        document.body.appendChild(inputElement);
        // 选择增加的input元素
        inputElement.select();
        if (document.execCommand('Copy', 'false', null)) {
            // 如果复制成功
            console.log('点击内容已复制');
        }
        // 复制成功之后删除增加的这个input元素
        document.body.removeChild(inputElement);
    }