You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
96 lines
2.5 KiB
96 lines
2.5 KiB
<template> |
|
<view style="height: 100vh;margin: 32upx;"> |
|
<view style="text-align: center;background: #FFFFFF;padding: 40upx;border-radius: 32upx;"> |
|
<view style="font-size: 38upx;color: #000000">添加客服微信咨询</view> |
|
<view style="font-size: 32upx;margin-top: 32upx;color: #000000">微信号：{{weixin}}</view> |
|
<view @click="copyHref" style="width:200upx;margin-top: 32upx;font-size: 30upx;margin-left: 36%;color: #FFFFFF;background: #ffc705;padding: 4upx 20upx;border-radius: 24upx;">一键复制</view> |
|
|
|
<image @click="saveImg" mode="aspectFit" style="margin-top: 32upx" :src="image"></image> |
|
|
|
<button open-type="contact" |
|
style="width:400upx;margin-top: 32upx;font-size: 30upx;margin-left: 17%;color: #FFFFFF;background: #ffc705;border-radius: 24upx;"> |
|
在线客服</button> |
|
|
|
<view style="font-size: 28upx;color: #000000;margin-top: 32upx" v-if="isWeiXin">{{ isWeiXin ? '长按识别上方二维码' : '' }}</view> |
|
|
|
<view v-if="isWeiXin" style="font-size: 24upx;color: #000000;margin-top: 80upx" @click="rests">无法识别？</view> |
|
</view> |
|
</view> |
|
</template> |
|
|
|
<script> |
|
export default { |
|
data() { |
|
return { |
|
image: 'https://www.gomyorder.cn/custom.jpg', |
|
isWeiXin: false, |
|
weixin: '710070994', |
|
webviewStyles: { |
|
progress: { |
|
color: '#e10a07' |
|
} |
|
} |
|
}; |
|
}, |
|
onLoad() { |
|
// #ifdef H5 |
|
let ua = navigator.userAgent.toLowerCase(); |
|
if (ua.indexOf('micromessenger') !== -1) { |
|
this.isWeiXin = true; |
|
} |
|
// #endif |
|
//获取客服二维码 |
|
this.$Request.getT('/common/type/1').then(res => { |
|
if (res.code == 0) { |
|
if (res.data && res.data.value) { |
|
this.image = res.data.value; |
|
} |
|
// uni.navigateBack(); |
|
} |
|
}); |
|
this.$Request.getT('/common/type/44').then(res => { |
|
if (res.code == 0) { |
|
if (res.data && res.data.value) { |
|
this.weixin = res.data.value; |
|
} |
|
} |
|
}); |
|
}, |
|
onPullDownRefresh: function() { |
|
uni.stopPullDownRefresh(); // 停止刷新 |
|
}, |
|
methods: { |
|
//邀请码复制 |
|
copyHref() { |
|
uni.setClipboardData({ |
|
data: this.weixin, |
|
success: r => { |
|
this.$queue.showToast('复制成功'); |
|
} |
|
}); |
|
}, |
|
saveImg() { |
|
let that = this; |
|
uni.saveImageToPhotosAlbum({ |
|
filePath: that.image, |
|
success(res) { |
|
that.$queue.showToast('保存成功'); |
|
} |
|
}); |
|
}, |
|
rests() { |
|
uni.showToast({ |
|
title: '已刷新请再次长按识别', |
|
mask: false, |
|
duration: 1500, |
|
icon: 'none' |
|
}); |
|
window.location.reload(); |
|
} |
|
} |
|
}; |
|
</script> |
|
|
|
<style scoped> |
|
@import '../../static/css/index.css'; |
|
</style>
|
|
|