|
|
@@ -1,90 +1,28 @@
|
|
|
<template>
|
|
|
- <view class="default_page" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
|
|
|
+ <view class="page adffc" :style="{'min-height':h+'px', 'padding-top':mt+'px'}">
|
|
|
<cus-header title='专业支持'></cus-header>
|
|
|
- <image style="width: 100%;" :src="imgBase+'support.png'" mode="widthFix" @click="handleTurn"></image>
|
|
|
- <div class="code" :style="{'top':codetop+'px'}">
|
|
|
- <canvas canvas-id="qrcode" style="width:108px;height:108px;border-radius: 8px; position: fixed;left: -9999px;top: -9999px;"></canvas>
|
|
|
- <image v-if="qrCodeDataURL" :src="qrCodeDataURL" mode="scaleToFill" show-menu-by-longpress></image>
|
|
|
- </div>
|
|
|
+ <image src="https://oss.familydaf.cn/sxsnfile/20260119/e1692241167044db93dc77c4d29bddfe.jpg" mode="widthFix"></image>
|
|
|
</view>
|
|
|
</template>
|
|
|
|
|
|
<script>
|
|
|
- import UQrcode from '@/uqrcode.js'
|
|
|
export default {
|
|
|
data(){
|
|
|
return {
|
|
|
- imgBase:this.$imgBase,
|
|
|
- qrCodeDataURL:'',
|
|
|
- qrVal:'https://wxapp.transcend-intl.cn',
|
|
|
- codetop:0,
|
|
|
- }
|
|
|
- },
|
|
|
- onLoad() {
|
|
|
- this.codetop = uni.upx2px(this.mt*2+1278);
|
|
|
- this.generateQRCode();
|
|
|
- if(uni.getStorageSync('userInfo')){
|
|
|
- this.qrVal = `https://wxapp.transcend-intl.cn?shareUserId=${JSON.parse(uni.getStorageSync('userInfo'))?.id||''}`;
|
|
|
+
|
|
|
}
|
|
|
},
|
|
|
methods:{
|
|
|
- handleTurn(){
|
|
|
- uni.navigateTo({
|
|
|
- url:'/pages/webView?src=https://appyf7rnhyg7811.h5.xiaoeknow.com'
|
|
|
- })
|
|
|
- },
|
|
|
- async generateQRCode(){
|
|
|
- try {
|
|
|
- let that = this;
|
|
|
- // 确保DOM已经更新,canvas元素已准备好
|
|
|
- this.$nextTick(() => {
|
|
|
- UQrcode.make({
|
|
|
- canvasId: 'qrcode',
|
|
|
- componentInstance: this,
|
|
|
- text: that.qrVal,
|
|
|
- size: 108, // 对应 216rpx 的物理像素大小
|
|
|
- margin: 5,
|
|
|
- backgroundColor: '#ffffff',
|
|
|
- foregroundColor: '#000000',
|
|
|
- fileType: 'png',
|
|
|
- errorCorrectLevel: UQrcode.errorCorrectLevel.H,
|
|
|
- success: res => {
|
|
|
- uni.canvasToTempFilePath({
|
|
|
- canvasId: 'qrcode',
|
|
|
- fileType: 'png',
|
|
|
- quality: 1,
|
|
|
- success: (canvasRes) => {
|
|
|
- that.qrCodeDataURL = canvasRes.tempFilePath;
|
|
|
- },
|
|
|
- fail: (err) => {
|
|
|
- that.qrCodeDataURL = res;
|
|
|
- }
|
|
|
- }, this);
|
|
|
- }
|
|
|
- });
|
|
|
- });
|
|
|
- } catch { }
|
|
|
- },
|
|
|
+
|
|
|
}
|
|
|
}
|
|
|
</script>
|
|
|
|
|
|
<style scoped lang="scss">
|
|
|
- .default_page{
|
|
|
- position: relative;
|
|
|
- }
|
|
|
- .code{
|
|
|
- width: 108px;
|
|
|
- height: 108px;
|
|
|
- background: #FFFFFF;
|
|
|
- border-radius: 8px;
|
|
|
- position: absolute;
|
|
|
- left: 50%;
|
|
|
- margin-left: -54px;
|
|
|
+ .page{
|
|
|
+ box-sizing: border-box;
|
|
|
image{
|
|
|
width: 100%;
|
|
|
- height: 100%;
|
|
|
- border-radius: 8px;
|
|
|
}
|
|
|
}
|
|
|
</style>
|