设备扫码注册以及我的二维码修改

This commit is contained in:
仲么了
2023-08-31 11:15:58 +08:00
parent a105006e0f
commit 34b4061053
4 changed files with 37 additions and 32 deletions

View File

@@ -1,31 +1,33 @@
<template>
<view class="transfer">
<!-- <div class="transfer-img" ref="qrCodeUrl" /> -->
<Cn-htmlToImg domId="content" @renderFinish="renderFinish" style="display: flex">
<view class="content" id="content">
<view class="user-info">
<image class="avatar" :src="userInfo.avatar" v-if="userInfo.avatar"></image>
<image class="avatar" src="/static/head.png" v-else></image>
<view class="right">
<view class="user-info-name">{{ userInfo.nickname }}</view>
<view class="user-info-role">{{ roleName }}</view>
<Cn-page :loading="loading" before-render>
<view class="transfer" slot="body">
<!-- <div class="transfer-img" ref="qrCodeUrl" /> -->
<Cn-htmlToImg domId="content" @renderFinish="renderFinish" style="display: flex">
<view class="content" id="content">
<view class="user-info">
<image class="avatar" :src="userInfo.avatar" v-if="userInfo.avatar"></image>
<image class="avatar" src="/static/head.png" v-else></image>
<view class="right">
<view class="user-info-name">{{ userInfo.nickname }}</view>
<view class="user-info-role">{{ roleName }}</view>
</view>
</view>
<uqrcode size="260" ref="uqrcode" canvas-id="qrcode" :value="content" @complete="loading = false"
:loading="false"></uqrcode>
</view>
<uqrcode size="260" ref="uqrcode" canvas-id="qrcode" :value="content"
:loading="false"></uqrcode>
</Cn-htmlToImg>
<view class="transfer-text">
<!-- <view>换个样式</view>-->
<view @click="save">保存图片</view>
</view>
</Cn-htmlToImg>
<view class="transfer-text">
<!-- <view>换个样式</view>-->
<view @click="save">保存图片</view>
<!-- <view class="transfer-btn">
<button class="transfer-btn-item" style="background-color: #fff; color: #111" @click="back">
返回
</button>
<button class="transfer-btn-item ml20" @click="home">转移成功</button>
</view> -->
</view>
<!-- <view class="transfer-btn">
<button class="transfer-btn-item" style="background-color: #fff; color: #111" @click="back">
返回
</button>
<button class="transfer-btn-item ml20" @click="home">转移成功</button>
</view> -->
</view>
</Cn-page>
</template>
<script>
// import QRCode from 'qrcodejs2'
@@ -71,10 +73,12 @@ export default {
this.img = e
},
save() {
if(!this.img){
setTimeout(()=>{
console.log(this.img)
if (!this.img) {
setTimeout(() => {
this.save()
},500)
}, 500)
return
}
base64ToPath(this.img).then((res) => {
console.log(res)