<template>
	<view class="ac">
		<navigation :showBack="true" :bgnum="true">
			<text class="big_title">
				TRX Transfer
			</text>
		</navigation>
		<view class="main">
	 <view class="main_con">
		 <view class="yuan">
		 	<image src="../../../../static/tongyonh/tron1.png" mode="aspectFit" class="img1"></image>
		 </view>
		
	 <view class="title">
	 	TRX
	 </view>
	<view class="item">
		<view class="top flex">
			<view class="text1">
				Receiving address
			</view>
			<view class="text2">
				Adress Book
			</view>
		</view>
		<view class="inputcon">
		<input type="text" value=""  placeholder-style="font-size: 30rpx; color: #D0D0D2;" placeholder="Please enter the recipient address" class="input1"/>
		<image src="../../../../static/tongyonh/Frame330.png" mode="aspectFit" class="img1"></image>
		</view>
	</view>
	
	<view class="item">
		<view class="top flex">
			<view class="text1">
			Transfer amount
			</view>
		</view>
		<view class="inputcon2 flex">
			<view class="inputc flex">
				<view class="textt">
					TRX
				</view>
			<input type="text" value=""  placeholder-style="font-size: 30rpx; color: #D0D0D2;" placeholder="0.0000000" class="input3"/>	
			</view>
			<text>≈</text>
	<view class="inputc flex">
		<view class="textt">
			USD
		</view>
	<input type="text" value=""  placeholder-style="font-size: 30rpx; color: #D0D0D2;" placeholder="0.0000000" class="input3"/>	
	</view>
		</view>
	<view class="top flex bottom">
		<view class="text3">
		Balance: 470.31
		</view>
		<view class="text1 bg">
		ALL
		</view>
	</view>
	</view>
	
	<view class="item">
		<view class="top flex">
			<view class="text1">
				Remark
			</view>
			<view class="text2">
				Adress Book
			</view>
		</view>
		<view class="inputcon">
		<input type="text" value=""  placeholder-style="font-size: 30rpx; color: #D0D0D2;" placeholder="Please enter a note (off-chain)" class="input1"/>
		</view>
	</view>
	
	<view class="item">
		<view class="top flex">
			<view class="text1">
				Transaction fee
			</view>
			<view class="text2">
				Adress Book
			</view>
		</view>
		<view class="inputcon" >
		<input type="text"   v-model="value" value=""  placeholder-style="font-size: 30rpx; color: #D0D0D2;" placeholder="Please enter a note (off-chain)" class="input2"/>
		 <view class="rig">
		 <text class="text1 ac">TRX</text> | <text class="text2">USDT</text>
		 </view>
		</view>
	</view>
	 </view>
		</view>
		
		<view class="big_con" v-if="show">	
		<view class="tiao" @click="show=false">	
		</view>
		<view class="bigtitle">
			Transfer confirmation
		</view>
	 <view class="bottom_con">
		 <view class="yuan">
		 	<image src="../../../../static/tongyonh/tron1.png" mode="aspectFit" class="img1"></image>
		 </view>
		 <view class="title">
		 	TRX
		 </view>
	 	<view class="title_con flex">
	 		<view class="text1">
	 			Amount
	 		</view>
			<view class="text1">
				0.1123123 BTC
			</view>
	 	</view>
		<view class="item">
			<view class="text1">
				Send address 
			</view>
			<view class="text2">
				TASD djhe u3y3 khkd khhg kie3  jhhs uehw ssdhd
			</view>
		</view>
		<view class="item">
			<view class="text1">
				Receiving address
			</view>
			<view class="text2">
				TASD djhe u3y3 khkd khhg kie3  jhhs uehw ssdhd
			</view>
		</view>
		<view class="item">
			<view class="text1">
		Remark
			</view>
			<view class="text2">
			1.00 TRX
			</view>
		</view>
		<view class="item">
			<view class="text1">
			Transaction fee
			</view>
			<view class="text2">
				1.00 TRX
			</view>
		</view>
	
		<view class="goto">
		Confirm
		</view>
	 </view>

	</view>
		<u-mask z-index="10" :show="show" @click="show = false"></u-mask>
	<u-mask z-index="1000" :show="show" @click="show2 = false"></u-mask>
	<view class="zhiwen_con">
		<view class="tiao">	
		</view>
		<view class="bigtitle">
		Fingerprint password 
		</view>
		<view class="bottom_con">
			<image src="../../../../static/tongyonh/zhiwen.png" mode="aspectFit" class="img1"></image>
		   <view class="text1">
		   	Touch the fingerprint sensor
		   </view>
		<view class="flex con">
				<view class="textt1">
					Use Password	
					</view>
					<view class="textt2">
				Cancel
					</view>
		</view>
		</view>
	</view>
	
	<view class="zhiwen_con">
		<view class="tiao">	
		</view>
		<view class="bigtitle">
		Fingerprint password 
		</view>
		<view class="bottom_con">
			<image src="../../../../static/tongyonh/alert-circle.png" mode="aspectFit" class="img1"></image>
		   <view class="text1 red">
		   Fingerprint not recognized. <br>Try again.
		   </view>
		<view class="flex con">
				<view class="textt1">
					Use Password	
					</view>
					<view class="textt2">
				Cancel
					</view>
		</view>
		</view>
	</view>
	
	<view class="zhiwen_con">
		<view class="tiao">	
		</view>
		<view class="bigtitle">
		Fingerprint password 
		</view>
		<view class="bottom_con">
			<image src="../../../../static/tongyonh/x-circle.png" mode="aspectFit" class="img1"></image>
		   <view class="text1 green">
		 Fingerprint recognized. 
		   </view>
		<view class="flex con">
				<view class="textt1">
					Use Password	
					</view>
					<view class="textt2">
				Cancel
					</view>
		</view>
		</view>
	</view>
	
<view class="btn_con" @click="show=true">
	<view class="btn">
		Confirm
	</view>
	
</view>


</view>



</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
	   value:1000,
	   show: true,
	    show2: true
			}
		},
		methods: {
        
		}
	};
</script>
<style scoped>
	page {
		background: #FAFAFA;
    height: 100%;
	}
</style>

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