<template>
	<view class="">
		<navigation :showBack="true" :bgnum="true">
				Receive 
		</navigation>
		<view class="main">
		    <view class="main_con">
		    	<image :src="addressInfo.icon" mode="aspectFit" class="logoimg"></image>
			 <view class="title">
		     	{{addressInfo.xname}} Receiving address
		     </view>
			 <view class="code_con">
			 	<tki-qrcode ref="qrcode" :val="addressInfo.contractAddress" :size="size" :unit="unit" :background="background"
			 		:foreground="foreground" :pdground="pdground" :lv="lv" :onval="onval" :loadMake="loadMake"
			 		:showLoading="showLoading" :loadingText="loadingText" :icon="icon" class="test" />		
			 	</view>
			  <view class="text1">
			  	Scan the QR code to transfer to the asset
			  </view>
			  <view class="bottom_con">
			  <view class="text2">
			  	{{addressInfo.contractAddress}}
			  </view>
			  <view class="text3 copy" @click="copyTextMethod">
				  <image src="../../../static/tongyonh/copy_24px_2.png" mode="aspectFit" class="copyImg"></image>
			 Copy address
			  </view>
			 <!-- <view class="text3">
				  <image src="../../../static/tongyonh/Frame58.png" mode="aspectFit" class="copyImg"></image>
			  Switching address
			  </view> -->
			    </view>
			</view>
			<view class="info_con green"  :class="toTop?'goTop':''">
				<image src="../../../static/tongyonh/copy_24px_2.png" mode="aspectFit" class="copyImg"></image>
				Copy address Successful!
				
				</view>
		</view>
	
		
   
	</view>

</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	import tkiQrcode from "tki-qrcode"
	export default {
		components: {
			tkiQrcode
		},
		data() {
			return {
	          addressInfo:{},
			  toTop:false,
			  // 二维码的数据
			  showErweiMask: false,
			  ercodeText: '',
			  size: 400,
			  background: '#ffffff',
			  foreground: '#000000',
			  pdground: '#000000',
			  iconsize: 30,
			  lv: 3,
			  onval: true,
			  unit: 'upx',
			  loadMake: true,
			  icon: '',
			  showLoading: true,
			  loadingText: 'One moment please',
			  // 二维码的数据
						}
		},
		methods: {
	copyTextMethod() {
	// #ifdef H5
	    this.$copyText(this.addressInfo.contractAddress).then(res => {
	   this.toTop=true;
	   setTimeout(()=>{
	   				 this.toTop=false;
	   },1500)
		
	    })
	    // #endif
	    // #ifdef APP-PLUS
	    uni.setClipboardData({
	     data: this.addressInfo.contractAddress,
	     success() {
			 this.toTop=true;
			 setTimeout(()=>{
				 this.toTop=false;
			 },1500)
	     }
	    })
	    // #endif
	},
		},
		onLoad(item) {
			this.addressInfo=	uni.getStorageSync('infoWallet')
			console.log(this.addressInfo,111)
		}
	};
</script>
<style scoped>
	page{
		background: #FAFAFA;
		
	}
</style>

<style>

	@import './index.css';

</style>
