注* 苹果手机 拨打电话 ,会调起两次 拨打电话
// 第一种 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);
}