|
|
|
@ -7,111 +7,113 @@ |
|
|
|
</v-link> |
|
|
|
</template> |
|
|
|
</v-header> |
|
|
|
<main class=""> |
|
|
|
<view style="height: var(--status-bar-height)"></view> |
|
|
|
<view class="top"> |
|
|
|
<view style="height: var(--status-bar-height)"></view> |
|
|
|
</view> |
|
|
|
<view class="panel-box m-x-md rounded p-md bg-panel-3 box-shadow"> |
|
|
|
<v-picker |
|
|
|
:list="fromList" |
|
|
|
v-model="form.from_account" |
|
|
|
class="from item border-b p-y-xs p-l-md" |
|
|
|
> |
|
|
|
<view class="label fn-sm color-gray-6">{{ $t("transfer.a9") }}</view> |
|
|
|
<view class="select d-flex align-center"> |
|
|
|
<span class="fn-lg color-light">{{ |
|
|
|
accountMap[form.from_account] |
|
|
|
}}</span> |
|
|
|
<!-- <span class="fn-lg color-light" v-if="tag == 1"> |
|
|
|
{{ $t("transfer.a4") }} |
|
|
|
</span> |
|
|
|
<span class="fn-lg color-light" v-if="tag == 2"> |
|
|
|
{{ $t("transfer.a5") }} |
|
|
|
</span> --> |
|
|
|
<van-icon class="m-l-xs fn-lg" name="arrow" /> |
|
|
|
</view> |
|
|
|
</v-picker> |
|
|
|
<v-picker |
|
|
|
:list="toList" |
|
|
|
v-model="form.to_account" |
|
|
|
class="to item p-y-xs p-l-md" |
|
|
|
> |
|
|
|
<view class="label fn-sm color-gray-6">{{ $t("transfer.b0") }}</view> |
|
|
|
<view class="select d-flex align-center"> |
|
|
|
<span class="fn-lg color-light">{{ |
|
|
|
accountMap[form.to_account] |
|
|
|
}}</span> |
|
|
|
<!-- <span class="fn-lg color-light" v-if="tag == 1" > |
|
|
|
{{ $t("transfer.a5") }} |
|
|
|
</span> |
|
|
|
<span class="fn-lg color-light" v-if="tag ==2" > |
|
|
|
{{ $t("transfer.a4") }} |
|
|
|
</span> --> |
|
|
|
<van-icon class="m-l-xs fn-lg" name="arrow" /> |
|
|
|
</view> |
|
|
|
</v-picker> |
|
|
|
<view class=""></view> |
|
|
|
<view |
|
|
|
class="exchange d-flex justify-center align-center bg-panel-3 box-shadow link-active" |
|
|
|
@click="swap" |
|
|
|
> |
|
|
|
<van-icon style="transform:rotateZ(90deg)" class="fn-22 color-light" name="exchange" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<v-picker |
|
|
|
:list="coinList" |
|
|
|
v-model="form.coin_name" |
|
|
|
range-label="coin_name" |
|
|
|
range-value="coin_name" |
|
|
|
class="" |
|
|
|
> |
|
|
|
<view class="m-md p-md d-flex rounded bg-panel-3 box-shadow"> |
|
|
|
<view class="flex-fill"> |
|
|
|
{{ $t("transfer.b1") }} |
|
|
|
<!--{{ $t("transfer.b5") }}11111111--> |
|
|
|
</view> |
|
|
|
<view class="color-light">{{ form.coin_name }}</view> |
|
|
|
<van-icon class="m-l-xs" name="arrow" /> |
|
|
|
</view> |
|
|
|
</v-picker> |
|
|
|
<view class="m-md p-md rounded bg-panel-3 box-shadow"> |
|
|
|
<view class="label fn-sm d-flex justify-between"> |
|
|
|
<view>{{ $t("transfer.b1") }}</view> |
|
|
|
<view class=" fn-sm" |
|
|
|
>{{ $t("transfer.b2") }}:{{ activeCoin.usable_balance }}</view |
|
|
|
> |
|
|
|
</view> |
|
|
|
<view class="m-t-md"> |
|
|
|
<v-input placeholder="0.000" v-model="form.amount" class="fn-20"> |
|
|
|
<template #right> |
|
|
|
<view class="d-flex fn-md"> |
|
|
|
<view class="m-r-xs">{{ form.coin_name }}</view> |
|
|
|
<view |
|
|
|
class="border-l color-buy p-l-xs" |
|
|
|
@click="change" |
|
|
|
>{{ $t("transfer.b3") }}</view |
|
|
|
> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</v-input> |
|
|
|
</view> |
|
|
|
<view class="backcor-black" style="height: 100%;"> |
|
|
|
<main> |
|
|
|
<view style="height: var(--status-bar-height)"></view> |
|
|
|
<view class="top"> |
|
|
|
<view style="height: var(--status-bar-height)"></view> |
|
|
|
</view> |
|
|
|
<view class="panel-box m-x-md rounded p-md bg-panel-3 box-shadow"> |
|
|
|
<v-picker |
|
|
|
:list="fromList" |
|
|
|
v-model="form.from_account" |
|
|
|
class="from item border-b p-y-xs p-l-md" |
|
|
|
> |
|
|
|
<view class="label fn-sm color-gray-6">{{ $t("transfer.a9") }}</view> |
|
|
|
<view class="select d-flex align-center"> |
|
|
|
<span class="fn-lg color-light">{{ |
|
|
|
accountMap[form.from_account] |
|
|
|
}}</span> |
|
|
|
<!-- <span class="fn-lg color-light" v-if="tag == 1"> |
|
|
|
{{ $t("transfer.a4") }} |
|
|
|
</span> |
|
|
|
<span class="fn-lg color-light" v-if="tag == 2"> |
|
|
|
{{ $t("transfer.a5") }} |
|
|
|
</span> --> |
|
|
|
<van-icon class="m-l-xs fn-lg" name="arrow" /> |
|
|
|
</view> |
|
|
|
</v-picker> |
|
|
|
<v-picker |
|
|
|
:list="toList" |
|
|
|
v-model="form.to_account" |
|
|
|
class="to item p-y-xs p-l-md" |
|
|
|
> |
|
|
|
<view class="label fn-sm color-gray-6">{{ $t("transfer.b0") }}</view> |
|
|
|
<view class="select d-flex align-center"> |
|
|
|
<span class="fn-lg color-light">{{ |
|
|
|
accountMap[form.to_account] |
|
|
|
}}</span> |
|
|
|
<!-- <span class="fn-lg color-light" v-if="tag == 1" > |
|
|
|
{{ $t("transfer.a5") }} |
|
|
|
</span> |
|
|
|
<span class="fn-lg color-light" v-if="tag ==2" > |
|
|
|
{{ $t("transfer.a4") }} |
|
|
|
</span> --> |
|
|
|
<van-icon class="m-l-xs fn-lg" name="arrow" /> |
|
|
|
</view> |
|
|
|
</v-picker> |
|
|
|
<view class=""></view> |
|
|
|
<view |
|
|
|
class="exchange d-flex justify-center align-center bg-panel-3 box-shadow link-active" |
|
|
|
@click="swap" |
|
|
|
> |
|
|
|
<van-icon style="transform:rotateZ(90deg)" class="fn-22 color-light" name="exchange" /> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<v-picker |
|
|
|
:list="coinList" |
|
|
|
v-model="form.coin_name" |
|
|
|
range-label="coin_name" |
|
|
|
range-value="coin_name" |
|
|
|
class="" |
|
|
|
> |
|
|
|
<view class="m-md p-md d-flex rounded bg-panel-3 box-shadow"> |
|
|
|
<view class="flex-fill"> |
|
|
|
{{ $t("transfer.b1") }} |
|
|
|
<!--{{ $t("transfer.b5") }}11111111--> |
|
|
|
</view> |
|
|
|
<view class="color-light">{{ form.coin_name }}</view> |
|
|
|
<van-icon class="m-l-xs" name="arrow" /> |
|
|
|
</view> |
|
|
|
</v-picker> |
|
|
|
<view class="m-md p-md rounded bg-panel-3 box-shadow"> |
|
|
|
<view class="label fn-sm d-flex justify-between"> |
|
|
|
<view>{{ $t("transfer.b1") }}</view> |
|
|
|
<view class=" fn-sm" |
|
|
|
>{{ $t("transfer.b2") }}:{{ activeCoin.usable_balance }}</view |
|
|
|
> |
|
|
|
</view> |
|
|
|
<view class="m-t-md"> |
|
|
|
<v-input placeholder="0.000" v-model="form.amount" class="fn-20"> |
|
|
|
<template #right> |
|
|
|
<view class="d-flex fn-md"> |
|
|
|
<view class="m-r-xs">{{ form.coin_name }}</view> |
|
|
|
<view |
|
|
|
class="border-l color-buy p-l-xs" |
|
|
|
@click="change" |
|
|
|
>{{ $t("transfer.b3") }}</view |
|
|
|
> |
|
|
|
</view> |
|
|
|
</template> |
|
|
|
</v-input> |
|
|
|
</view> |
|
|
|
|
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
</main> |
|
|
|
<view class="m-x-md"> |
|
|
|
<view class=" rounded-md "> |
|
|
|
<v-button |
|
|
|
class="w-max rounded-md" |
|
|
|
block |
|
|
|
type="blue" |
|
|
|
ref="btn" |
|
|
|
@click="fundsTransfer" |
|
|
|
>{{ $t("common.confirm") }}</v-button |
|
|
|
> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</main> |
|
|
|
<view class="m-x-md"> |
|
|
|
<view class=" rounded-md "> |
|
|
|
<v-button |
|
|
|
class="w-max rounded-md" |
|
|
|
block |
|
|
|
type="blue" |
|
|
|
ref="btn" |
|
|
|
@click="fundsTransfer" |
|
|
|
>{{ $t("common.confirm") }}</v-button |
|
|
|
> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
</v-page> |
|
|
|
</template> |
|
|
|
<script> |
|
|
|
|