|
|
@ -18,7 +18,7 @@ |
|
|
<el-steps direction="vertical" :active="active" style="min-height: 260px !important;width: 100%;box-sizing: border-box;"> |
|
|
<el-steps direction="vertical" :active="active" style="min-height: 260px !important;width: 100%;box-sizing: border-box;"> |
|
|
<el-step :title="$t('common.c21')" style="flex-basis: 110px;"> |
|
|
<el-step :title="$t('common.c21')" style="flex-basis: 110px;"> |
|
|
<template slot="description"> |
|
|
<template slot="description"> |
|
|
<view class="d-flex justify-between m-t-md" @click="coinListShow=true" style="border: 1px solid #4e4e5d;padding: 10px;"> |
|
|
<view class="d-flex justify-between m-t-md rounded-xs" @click="coinListShow=true" style="border: 1px solid #DCDFE6;padding: 10px;background-color: #fff;"> |
|
|
<view class="fn-20 color-light">{{ coin }}</view> |
|
|
<view class="fn-20 color-light">{{ coin }}</view> |
|
|
<view class="d-flex align-center"> |
|
|
<view class="d-flex align-center"> |
|
|
{{ $t('recharge.a0') }} |
|
|
{{ $t('recharge.a0') }} |
|
|
@ -30,7 +30,7 @@ |
|
|
<el-step :title="$t('common.c17')"> |
|
|
<el-step :title="$t('common.c17')"> |
|
|
<template slot="description"> |
|
|
<template slot="description"> |
|
|
<view style="margin: 10px 0px;width: 540rpx;"> |
|
|
<view style="margin: 10px 0px;width: 540rpx;"> |
|
|
<v-input @input="addressnum" v-model="form.address" class="bg-form-panel-3 color-light w-max fn-13 rounded-xs" :placeholder="$t('assets.b9')"></v-input> |
|
|
<v-input @input="addressnum" v-model="form.address" style="background-color: #fff;padding: 24rpx;color: #000;" class="rounded-xs" :placeholder="$t('assets.b9')"></v-input> |
|
|
<el-select v-model="form.addressType" @change="enteraddressType" style="margin-top: 10px;width: 100%;" class="addressType" v-if="coin=='USDT'" :placeholder="$t('common.select')"> |
|
|
<el-select v-model="form.addressType" @change="enteraddressType" style="margin-top: 10px;width: 100%;" class="addressType" v-if="coin=='USDT'" :placeholder="$t('common.select')"> |
|
|
<el-option v-for="(item, index) in network" :key="index" :label="item.name" :value="item.id"> |
|
|
<el-option v-for="(item, index) in network" :key="index" :label="item.name" :value="item.id"> |
|
|
<span>{{ item.name }}</span> |
|
|
<span>{{ item.name }}</span> |
|
|
@ -41,8 +41,8 @@ |
|
|
</el-step> |
|
|
</el-step> |
|
|
<el-step :title="$t('common.c18')" v-if="form.address"> |
|
|
<el-step :title="$t('common.c18')" v-if="form.address"> |
|
|
<template slot="description"> |
|
|
<template slot="description"> |
|
|
<view style="margin: 10px 0px;color: #fff;width: 540rpx;"> |
|
|
<view style="margin: 10px 0px;color: #000;width: 540rpx;"> |
|
|
<v-input @input="amountnum" v-model="form.amount" :min="withdrawFee.withdrawal_min" :max="withdrawFee.withdrawal_max" class="color-light fn-13" :placeholder="$t('assets.c2')"></v-input> |
|
|
<v-input @input="amountnum" v-model="form.amount" :min="withdrawFee.withdrawal_min" :max="withdrawFee.withdrawal_max" style="background-color: #fff;padding: 24rpx;color: #000;" class="rounded-xs" :placeholder="$t('assets.c2')"></v-input> |
|
|
<view class="d-flex justify-between align-end" style="margin: 10px 0px;"> |
|
|
<view class="d-flex justify-between align-end" style="margin: 10px 0px;"> |
|
|
<view style="width: 100%;">{{ $t("assets.c1") }}:{{ withdrawFee.usable_balance }}{{ coin }}</view> |
|
|
<view style="width: 100%;">{{ $t("assets.c1") }}:{{ withdrawFee.usable_balance }}{{ coin }}</view> |
|
|
<view style="width: 100%;text-align: right;">{{$t('common.c23')}}:{{timeFormat}}</view> |
|
|
<view style="width: 100%;text-align: right;">{{$t('common.c23')}}:{{timeFormat}}</view> |
|
|
@ -53,16 +53,16 @@ |
|
|
<el-step :title="$t('common.c13')" v-if="form.amount"> |
|
|
<el-step :title="$t('common.c13')" v-if="form.amount"> |
|
|
<template slot="description"> |
|
|
<template slot="description"> |
|
|
<view style="margin: 10px 0px;color: #fff;width: 540rpx;"> |
|
|
<view style="margin: 10px 0px;color: #fff;width: 540rpx;"> |
|
|
<v-input type="password" @input="withdrawalnum" v-model="form.withdrawal_psw" class="color-light w-max fn-13 rounded-xs" :placeholder="$t('common.c14')"></v-input> |
|
|
<v-input type="password" @input="withdrawalnum" v-model="form.withdrawal_psw" style="background-color: #fff;padding: 24rpx;color: #000;" class="rounded-xs" :placeholder="$t('common.c14')"></v-input> |
|
|
</view> |
|
|
</view> |
|
|
</template> |
|
|
</template> |
|
|
</el-step> |
|
|
</el-step> |
|
|
<el-step :title="$t('safe.a5')" v-if="form.withdrawal_psw"> |
|
|
<el-step :title="$t('safe.a5')" v-if="form.withdrawal_psw"> |
|
|
<template slot="description"> |
|
|
<template slot="description"> |
|
|
<view style="margin: 10px 0px;color: #fff;width: 540rpx;display: flex;"> |
|
|
<view style="margin: 10px 0px;color: #fff;width: 490rpx;display: flex;background-color: #fff;padding: 0rpx 24rpx;" class="rounded-xs"> |
|
|
<v-input type="text" v-model="form.emailcode" class="w-max color-light fn-13" :placeholder="$t('safe.a6')"></v-input> |
|
|
<v-input type="text" v-model="form.emailcode" class="w-max color-light fn-13" :placeholder="$t('safe.a6')"></v-input> |
|
|
<view class="d-flex" style="justify-content: space-between;align-items: center;"> |
|
|
<view class="d-flex" style="justify-content: space-between;align-items: center;"> |
|
|
<view style="width: 180rpx;text-align: center;" class="all color-light m-l-md flex-shrink fn-12 getCode" @click="getEmailCode"> |
|
|
<view style="width: 180rpx;text-align: center;color: #000;" class="all color-light m-l-md flex-shrink fn-12 getCode" @click="getEmailCode"> |
|
|
<text v-if="!getEmailCodeLock">{{ $t("common.getCode") }}</text> |
|
|
<text v-if="!getEmailCodeLock">{{ $t("common.getCode") }}</text> |
|
|
<text v-else>{{ daojishi }}</text> |
|
|
<text v-else>{{ daojishi }}</text> |
|
|
</view> |
|
|
</view> |
|
|
@ -380,7 +380,7 @@ |
|
|
color: #303133 !important; |
|
|
color: #303133 !important; |
|
|
} |
|
|
} |
|
|
::v-deep .el-input__inner{ |
|
|
::v-deep .el-input__inner{ |
|
|
background-color: #242424; |
|
|
background-color: #fff; |
|
|
} |
|
|
} |
|
|
::v-deep .is-process .el-step__icon.is-text{ |
|
|
::v-deep .is-process .el-step__icon.is-text{ |
|
|
border-color: #C0C4CC; |
|
|
border-color: #C0C4CC; |
|
|
@ -393,13 +393,13 @@ |
|
|
left: 0; |
|
|
left: 0; |
|
|
right: 0; |
|
|
right: 0; |
|
|
bottom: 0; |
|
|
bottom: 0; |
|
|
background-color: #f1f1f1; |
|
|
background-color: rgba(255, 255, 255, 0.8); |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: center; |
|
|
justify-content: center; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
.modal-content { |
|
|
.modal-content { |
|
|
background-color: #1f1f1f; |
|
|
background-color: #fff; |
|
|
padding: 20px; |
|
|
padding: 20px; |
|
|
border-radius: 5px; |
|
|
border-radius: 5px; |
|
|
width: 550rpx; |
|
|
width: 550rpx; |
|
|
|