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.
262 lines
5.5 KiB
262 lines
5.5 KiB
<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>
|
|
|