<template>
	<view class="">
		<navigation :showBack="true" :bgnum="true">
			<text class="big_title">
			Transaction details
			</text>
		</navigation>
		<view class="main">
	 <view class="main_con">
		 <view class="yuan">
		 	<image src="../../../../static/tongyonh/check-circle.png" mode="aspectFit" class="img1"></image>
		 </view>
		 <view class="title">
		 	Confirmed
		 </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">
				Time
			</view>
			<view class="text2">
				2021.09.01  10:23:22
			</view>
		</view>
		<view class="item">
			<view class="text1">
				Tx Fee
			</view>
			<view class="text2">
				0.001 ETH
			</view>
		</view>
		<view class="item">
			<view class="text1">
			Transaction ID
			</view>
			<view class="text2">
				23583727538293753857923878
				 <image src="../../../../static/tongyonh/copy_24px.png" mode="aspectFit" class="img" @click="show = true"></image>
			</view>
		</view>
		<view class="item">
			<view class="text1">
			Send address (me)
			</view>
			<view class="text2">
				TASD djhe u3y3 khkd khhg kie3  jhhs uehw sdahd
				 <image src="../../../../static/tongyonh/copy_24px.png" mode="aspectFit" class="img"></image>
			</view>
		</view>
		<view class="item">
			<view class="text1">
			Receiving address (others)
			</view>
			<view class="text2">
				TASD djhe u3y3 khkd khhg kie3  jhhs uehw ssdhd
				 <image src="../../../../static/tongyonh/copy_24px.png" mode="aspectFit" class="img"></image>
			</view>
		</view>
		<view class="item goto">
		Go to your browser for more information
		</view>
	 </view>
	 <view class="sett" v-if="show">
		 <view class="top">
	 	<view class="item">
	 		Copy address
	 	</view>
		<view class="item">
			Add to Address Book
		</view>
		 </view>
		<view class="cancel" @click="show = false">
			Cancel
		</view>
	 </view>
	 <u-mask :show="show"  z-index="10"></u-mask>
	 
</view>




</view>



</template>

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

	}
</style>

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