You can not select more than 25 topics
Topics must start with a letter or number, can include dashes ('-') and can be up to 35 characters long.
208 lines
5.2 KiB
208 lines
5.2 KiB
<template>
|
|
<view class="">
|
|
<navigation :showBack="true" :bgnum="true">
|
|
<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">≈ $0.0</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.0
|
|
</view>
|
|
<view class="t2">
|
|
Existing balance
|
|
</view>
|
|
</view>
|
|
<view class="v1 v2">
|
|
<view class="t1">
|
|
0.0
|
|
</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">
|
|
00.01/ 00:00
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="rig_con">
|
|
<view class="text1">
|
|
+0.0
|
|
<text class="" v-if="userObject.coinList[0].xname=='Bitcoin'">
|
|
BTC
|
|
</text>
|
|
<text class="" v-if="userObject.coinList[0].xname=='Ethereum'">
|
|
ETH
|
|
</text >
|
|
<text class="" v-if="userObject.coinList[0].xname=='TRON'">
|
|
TRX
|
|
</text >
|
|
|
|
</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">
|
|
00.01/ 00:00
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="rig_con">
|
|
<view class="text1">
|
|
+0.0
|
|
<text class="" v-if="userObject.coinList[0].xname=='Bitcoin'">
|
|
BTC
|
|
</text>
|
|
<text class="" v-if="userObject.coinList[0].xname=='Ethereum'">
|
|
ETH
|
|
</text >
|
|
<text class="" v-if="userObject.coinList[0].xname=='TRON'">
|
|
TRX
|
|
</text >
|
|
|
|
</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">
|
|
00.01/ 00:00
|
|
</view>
|
|
</view>
|
|
</view>
|
|
<view class="rig_con">
|
|
<view class="text1">
|
|
+0.0
|
|
<text class="" v-if="userObject.coinList[0].xname=='Bitcoin'">
|
|
BTC
|
|
</text>
|
|
<text class="" v-if="userObject.coinList[0].xname=='Ethereum'">
|
|
ETH
|
|
</text >
|
|
<text class="" v-if="userObject.coinList[0].xname=='TRON'">
|
|
TRX
|
|
</text >
|
|
|
|
</view>
|
|
<image src="../../../../static/tongyonh/Shape.png" mode="aspectFit" class="img1"></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: {
|
|
|
|
change(index) {
|
|
this.current = index;
|
|
},
|
|
},
|
|
onLoad(option) {
|
|
|
|
const item = JSON.parse(option.item);
|
|
console.log(item,777)
|
|
this.userObject=item
|
|
}
|
|
};
|
|
</script>
|
|
<style scoped>
|
|
page{
|
|
background: #FAFAFA;
|
|
|
|
}
|
|
</style>
|
|
|
|
<style>
|
|
|
|
@import './index.css';
|
|
|
|
</style>
|
|
|