<template>
	<view class="">
		<navigation :showBack="true" :bgnum="true">
			<image @click="goPro()" src="../../../../static/tongyonh/account_circle_24px.png" mode="aspectFit" class="renYou" slot="logo"></image>
			<text class="big_title" v-if="userObject.coinList[0].xname=='Bitcoin'">
				BTC
			</text>
			<text class="big_title" v-if="userObject.coinList[0].xname=='Ethereum'">
				ETH
			</text>
			<text class="big_title" v-if="userObject.coinList[0].xname=='TRON'">
				TRX
			</text>
		</navigation>
		<view class="main">
		<view class="money_con" :class="{'money_con': userObject.coinList[0].xname=='Ethereum', 'money_con2': userObject.coinList[0].xname=='Bitcoin', 'money_con3': userObject.coinList[0].xname=='TRON'}">
			<view class="textcon1">
				<text class="text1">
					<view class=""  v-if="userObject.coinList[0].xname=='Bitcoin'">
						0.00 BTC 
					</view>
					<view class="" v-if="userObject.coinList[0].xname=='Ethereum'">
						0.00 ETH 
					</view>
					<view class="" v-if="userObject.coinList[0].xname=='TRON'">
						0.00 TRX 
					</view>
					<text class="text2">≈ $25.521.00</text>
					</text>
			<image src="../../../../static/tongyonh/ethereum.png" mode="aspectFit" class="img1" v-if="userObject.coinList[0].xname=='Ethereum'"></image>
			<image src="../../../../static/tongyonh/Frame28.png" mode="aspectFit" class="img1"  v-if="userObject.coinList[0].xname=='Bitcoin'"></image>
			<image src="../../../../static/tongyonh/tronicon.png" mode="aspectFit" class="img1"  v-if="userObject.coinList[0].xname=='TRON'"></image>
			</view>
			<view class="textcon1">
				<view class="v1">
					<view class="t1">
						0.4 
					</view>
					<view class="t2">
					Existing balance
					</view>
				</view>
				<view class="v1 v2">
					<view class="t1">
					0.121
					</view>
					<view class="t2">
					Freeze balance
					</view>
				</view>
			</view>
		</view>
	
	<view class="select_con">
		<view class="select">
			<u-tabs height="120" bar-width="172" active-color="#6F69FF" inactive-color="#A3AED0" :list="list" :is-scroll="false" :current="current" @change="change"></u-tabs>
		
		<view class="item1">
			<view class="lef_con">
				<image src="../../../../static/tongyonh/arrow-up-left.png" mode="aspectFit" class="img1"></image>
				<view class="textcon">
					 <view class="text1">
					 	TDJK ... gaad
					 </view>
					 <view class="text2">
					 	09.01/ 10:32
					 </view>
				</view>
			</view>
			<view class="rig_con">
				<view class="text1">
					+0.1 BTC
				</view>
				<image src="../../../../static/tongyonh/Shape.png" mode="aspectFit" class="img1"></image>
			</view>
		</view>
		
		<view class="item1">
			<view class="lef_con">
				<image src="../../../../static/tongyonh/arrow-up-left.png" mode="aspectFit" class="img1"></image>
				<view class="textcon">
					 <view class="text1">
					 	TDJK ... gaad
					 </view>
					 <view class="text2">
					 	09.01/ 10:32
					 </view>
				</view>
			</view>
			<view class="rig_con">
				<view class="text1">
					+0.1 BTC
				</view>
				<image src="../../../../static/tongyonh/Shape.png" mode="aspectFit" class="img1"></image>
			</view>
		</view>
		
		<view class="item1">
			<view class="lef_con">
				<image src="../../../../static/tongyonh/arrow-up-left.png" mode="aspectFit" class="img1"></image>
				<view class="textcon">
					 <view class="text1">
					 	TDJK ... gaad
					 </view>
					 <view class="text2">
					 	09.01/ 10:32
					 </view>
				</view>
			</view>
			<view class="rig_con">
				<view class="text1">
					+0.1 BTC
				</view>
				<image src="../../../../static/tongyonh/x.png" mode="aspectFit" class="img2"></image>
			</view>
		</view>
		
		</view>
		
		
	</view>
	
	
<view class="btnconn">
		<view class="btn active">
			<image src="../../../../static/tongyonh/arrow-up-leftw.png" mode="aspectFit" class="arrow-up-left"></image>
			Send
		</view>
		<view class="btn">
			<image src="../../../../static/tongyonh/arrow-up-leftp.png" mode="aspectFit" class="arrow-up-left"></image>
	 <text class="btn13">Receive</text>	
		</view>
	</view> 
	</view>
		</view>
</template>

<script>
	import cont from "@/components/navigation/navigation.vue"
	export default {
		data() {
			return {
				userObject:{},
			list: [{
								name: 'All'
							}, {
								name: 'Send'
							}, {
								name: 'Receive',
							}],
							current: 0
						}
		},
		methods: {
			goPro(){
				uni.navigateTo({
					url:'/pages/menu/profile/index'
				})
			},
		change(index) {
						this.current = index;
					},				
		},
		onLoad(option) {
			const item = JSON.parse(option.item);
			  this.userObject=item
		}
	};
</script>
<style scoped>
	page{
		background: #FAFAFA;
		
	}
</style>

<style>

	@import './index.css';

</style>
