<template>
	<view class="">
		<navigation :showBack="true" :bgnum="false">
			<text class="big_title">
				Show private key
			</text>
		</navigation>
		<view class="main">
	<view class="title">
		Please keep your private key. Anyone who gets your private key can control your account, including transferring all funds.
	</view>
		
	<u-message-input  inactive-color="#E0E5F2"  active-color="#5B53FF" :width="94" :maxlength="6" mode="box"  :dot-fill="true"></u-message-input>
		
		
		<view class="btnconn" >
				<view class="btn active">
					<image src="../../../../static/tongyonh/insert_drive_file_24px_outlined.png" mode="aspectFit" class="img1"></image>
					Text
				</view>
				<view class="btn">
					<image src="../../../../static/tongyonh/Frame300.png" mode="aspectFit" class="img1"></image>
				QR Code
				</view>
			</view> 
			
			
			<view class="bottom_con" v-if="false">
				<view class="top">
					6628767bjd7gu328fbfhf848r8gf8fg8heuhdhdbchg837682ffgefg82
				</view>
				<view class="bottom">
					<image src="../../../../static/tongyonh/copy_24px_outlined.svg" mode="aspectFit" class="img1"></image>
					Copy
				</view>
			</view>
			
			
			<view class="code_con">
				<image class="img2" src="../../../../static/tongyonh/Group304.png" mode=""></image>
			
			<view class="text">
				Scan the QR code to ....
			</view>
			</view>
		
		   
		
	</view>
	
		</view>
</view>



</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
	   msg:'',
	        msgLength:0,
			fes:false,
			borNum:true,
			}
		},
		 watch:{
		      msg(curVal){
		        if(/[^\d]/g.test(curVal)){
		          this.msg = this.msg.replace(/[^\d]/g,'');
		        }else{
		            this.msgLength = curVal.length;
		        }
		      },
		    },
		
		methods: {
        focuss(){
                 this.fes=true;
             },
		}
	};
</script>
<style scoped>

</style>

<style>
	@import './index.css';
</style>
