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.
97 lines
2.5 KiB
97 lines
2.5 KiB
3 years ago
|
<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: #FD441D;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: #FD441D;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>
|