| | |
| | | </view> |
| | | <view class="layout-main"> |
| | | <view style="margin: 20px; margin-bottom: 0px;">{{$t('common.select')}}</view> |
| | | <view class="coin border-b p-x-lg d-flex justify-between m-t-md" style="border: 2px solid #f3f3f3;margin: 20px;padding:10px; border-radius: 4px;" @click="coinListShow=true"> |
| | | <view class="coin border-b p-x-lg d-flex justify-between m-t-md" |
| | | style="border: 2px solid #f3f3f3;margin: 20px;padding:10px; border-radius: 4px;" |
| | | @click="coinListShow=true"> |
| | | <view class=" color-light" style="color: #000; |
| | | font-size: 16px; |
| | | font-style: normal; |
| | |
| | | <view class="bg-panel-3"> |
| | | <view class="rounded-md"> |
| | | <view style="margin: 20px; margin-bottom: 0px;">{{$t('assets.b7')}}</view> |
| | | <view |
| | | class="d-flex flex-wrap justify-between align-center p-x-lg p-y-md color-light" |
| | | v-if="coin=='USDT'" |
| | | > |
| | | <view class="d-flex flex-wrap justify-between align-center p-x-lg p-y-md color-light" |
| | | v-if="coin=='USDT'"> |
| | | <!-- <span>{{$t('assets.b7')}}</span> --> |
| | | <view class="group d-flex fn-12 color-light"> |
| | | <!-- <view class="rounded-xs p-x-lg p-y-ms m-r-md" |
| | |
| | | size="mini" |
| | | @click="changeRechargeType(1)" |
| | | >OMNI</view> --> |
| | | <view class="rounded-xs p-x-lg p-y-ms m-r-md" |
| | | size="mini" |
| | | @click="changeRechargeType(2)" |
| | | :class="rechargeType==2?'bor-active':'bg-panel-3 border'" |
| | | >ERC20</view> |
| | | <view class="rounded-xs p-x-lg p-y-ms" |
| | | size="mini" |
| | | @click="changeRechargeType(3)" |
| | | :class="rechargeType==3?'bor-active':'bg-panel-3 border'" |
| | | >TRC20</view> |
| | | <view class="rounded-xs p-x-lg p-y-ms m-r-md" size="mini" @click="changeRechargeType(2)" |
| | | :class="rechargeType==2?'bor-active':'bg-panel-3 border'">ERC20</view> |
| | | <view class="rounded-xs p-x-lg p-y-ms" size="mini" @click="changeRechargeType(3)" |
| | | :class="rechargeType==3?'bor-active':'bg-panel-3 border'">TRC20</view> |
| | | </view> |
| | | </view> |
| | | <!-- <view class="color-sell fn-12 p-x-lg" style="color: #DB7A20; |
| | |
| | | <view class="info p-b-md rounded-md"> |
| | | <view class="address p-t-xs"> |
| | | <!-- <view class="label w-100">{{$t('assets.e7')}}</view> --> |
| | | <view class="border-r w-10/12 autowidth p-x-md p-y-ms address-txt p-x-xs flex-fill color-light fn-center bg-form-panel-3 rounded-xs">{{form.address}}</view> |
| | | <view |
| | | class="border-r w-10/12 autowidth p-x-md p-y-ms address-txt p-x-xs flex-fill color-light fn-center bg-form-panel-3 rounded-xs"> |
| | | {{form.address}}</view> |
| | | <!-- #ifndef H5 --> |
| | | <view style="border-radius: 10px; |
| | | background: linear-gradient(180deg, #ED493B 0%, #FA6D4A 100%); |
| | | box-shadow: 0px 4px 9px 0px rgba(239, 78, 61, 0.40);" class="w-9/12 bg-lin p-y-ms rounded-xs m-t-md autowidth color-white p-x-xs fn-16 fn-center" @click="$copy(form.address)"> |
| | | box-shadow: 0px 4px 9px 0px rgba(239, 78, 61, 0.40);" |
| | | class="w-9/12 bg-lin p-y-ms rounded-xs m-t-md autowidth color-white p-x-xs fn-16 fn-center" |
| | | @click="$copy(form.address)"> |
| | | {{$t('recharge.a4')}}<i class="iconfont color-white m-l-xs"></i> |
| | | </view> |
| | | <!-- #endif --> |
| | | <!-- #ifdef H5 --> |
| | | <view style="border-radius: 10px;" class="w-9/12 bg-lin p-y-ms rounded-xs m-t-md autowidth color-white p-x-xs fn-16 fn-center" @click="copy(form.address)"> |
| | | <view style="border-radius: 10px;" |
| | | class="w-9/12 bg-lin p-y-ms rounded-xs m-t-md autowidth color-white p-x-xs fn-16 fn-center" |
| | | @click="copy(form.address)"> |
| | | {{$t('recharge.a4')}}<i class="iconfont color-white m-l-xs"></i> |
| | | </view> |
| | | <!-- #endif --> |
| | | </view> |
| | | <!-- <view class="address d-flex align-center justify-between p-t-xs m-b-md" style=" width: 70%; |
| | | <view class="address d-flex align-center justify-between p-t-xs m-b-md" style=" width: 90%; |
| | | margin: auto; |
| | | text-align: center;"> |
| | | <view class="label w-30"> |
| | | text-align: center;margin-top: 20px;"> |
| | | <view class="label w-30" style="background-color: #fff;"> |
| | | <img src="static/img/icon/num.png" alt="" class="h-20" /></view> |
| | | <v-input |
| | | type="number" |
| | | :placeholder="$t('assets.e8')" |
| | | class="border-b flex-fill p-y-xs color-light" |
| | | |
| | | v-model="form.amount" |
| | | /> |
| | | </view> |
| | | <view class="address d-flex align-center justify-between p-t-xs m-b-md" style=" width: 70%; |
| | | <view class="address d-flex align-center justify-between p-t-xs m-b-md" style=" width: 90%; |
| | | margin: auto; |
| | | text-align: center;"> |
| | | <view class="label w-30"> |
| | |
| | | <view v-if="!form.images">{{$t('common.a8')}}</view> |
| | | <img v-else :src="form.images" alt style="max-width:100%" /> |
| | | </div> |
| | | </view> --> |
| | | </view> |
| | | |
| | | <!-- <view @click="recharge" style="width: 80% !important;border-radius: 10px; |
| | | border: 1px solid #EA4338;color: #EE4A3C;line-height: 38px;height: 38px; |
| | | font-size: 16px; |
| | | font-style: normal; |
| | | font-weight: 400; |
| | | box-shadow: 0px 4px 9px 0px rgba(23, 138, 255, 0.20); text-align: center; border-radius: 6px;margin: auto;"> |
| | | <view @click="recharge" style="border-radius: 10px; |
| | | background: linear-gradient(to right, #f6c769, #f3b644); |
| | | box-shadow: 0px 4px 9px 0px rgba(239, 78, 61, 0.40);" |
| | | class="w-9/12 bg-lin p-y-ms rounded-xs m-t-md autowidth color-white p-x-xs fn-16 fn-center"> |
| | | {{$t('common.confirm')}} |
| | | </view> --> |
| | | </view> |
| | | |
| | | </view> |
| | | <view class="m-y-md rounded-md"> |
| | |
| | | </td> |
| | | </tr> |
| | | <tr v-if="loadMore"> |
| | | <td colspan="3" class="fn-center p-xs link-active" @click="more">{{$t('assets.d4')}}</td> |
| | | <td colspan="3" class="fn-center p-xs link-active" @click="more">{{$t('assets.d4')}} |
| | | </td> |
| | | </tr> |
| | | </tbody> |
| | | </table> |
| | |
| | | import Wallet from "@/api/wallet"; |
| | | import formData from "@/utils/class/date"; |
| | | import Member from "@/api/member"; |
| | | import {mapGetters} from 'vuex' |
| | | import {handleClipboard} from '../../utils/class/copy.js' |
| | | import { |
| | | mapGetters |
| | | } from 'vuex' |
| | | import { |
| | | handleClipboard |
| | | } from '../../utils/class/copy.js' |
| | | export default { |
| | | components: { |
| | | coinList, |
| | |
| | | }) |
| | | }, |
| | | getFile(name) { |
| | | this.$getFile({count:9}).then((res) => { |
| | | this.$getFile({ |
| | | count: 9 |
| | | }).then((res) => { |
| | | this.upLoadImg(res, name); |
| | | }) |
| | | }, |
| | |
| | | if(this.form.images == ""){ |
| | | return |
| | | } |
| | | Wallet.recharge(this.form, { btn: this.$refs.btn }) |
| | | Wallet.recharge(this.form, { |
| | | btn: this.$refs.btn |
| | | }) |
| | | .then(() => { |
| | | this.$back(); |
| | | this.$toast.success(this.$t('assets.d5')+"!"); |
| | |
| | | .label { |
| | | white-space: nowrap; |
| | | } |
| | | |
| | | .address-txt { |
| | | word-break: break-all; |
| | | } |
| | | } |
| | | |
| | | .qr-box { |
| | | height: 150px; |
| | | width: 150px; |
| | | margin: 0 auto; |
| | | border: 4px solid $white; |
| | | } |
| | | |
| | | .trChange:nth-child(2n-1){ |
| | | box-shadow: $shadow; |
| | | border-radius: $border-radius-xs; |
| | | |
| | | td{ |
| | | background: $panel-3; |
| | | padding-top: $padding-sm; |
| | | padding-bottom: $padding-sm; |
| | | } |
| | | } |
| | | |
| | | .bor-active{ |
| | | border: 1px solid $theme-1; |
| | | position: relative; |
| | | overflow: hidden; |
| | | color: $theme-1; |
| | | } |
| | | |
| | | .bor-active::before{ |
| | | content: ''; |
| | | position: absolute; |
| | |
| | | border-color:transparent $theme-1 $theme-1 transparent; |
| | | text-align: center; |
| | | } |
| | | |
| | | .bor-active::after{ |
| | | content: '√'; |
| | | position: absolute; |
| | |
| | | text-align: center; |
| | | color: white; |
| | | } |
| | | |
| | | .border-b{ |
| | | border-bottom: 5px solid $panel-3; |
| | | } |
| | | |
| | | .autowidth{ |
| | | margin: 0 auto; |
| | | } |
| | | |
| | | .bg-lin{ |
| | | background: linear-gradient(to right,#f6c769,#f3b644); |
| | | } |
| | | |
| | | .color-black{ |
| | | color: black; |
| | | } |
| | | |
| | | button{ |
| | | width: 80%; |
| | | } |