|
|
@ -1,24 +1,46 @@ |
|
|
|
<!-- 提现页面 --> |
|
|
|
<template> |
|
|
|
<view class="withdraw bx"> |
|
|
|
<navbar :leftClick="leftClick" :title="$t('page.withdraw.title')"></navbar> |
|
|
|
|
|
|
|
<!-- 用户余额信息 --> |
|
|
|
<view class="user-money content"> |
|
|
|
<view class="title">{{ $t('page.purse.account') }}</view> |
|
|
|
<view class="title info">{{ $t('page.center.account_balance') }}</view> |
|
|
|
<view class="money"> |
|
|
|
<view class="money-unit">{{ $t('page.withdraw.unit') }}</view> |
|
|
|
<view class="money-detail">{{ money }}</view> |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<view class="withdraw-amount content"> |
|
|
|
<view class="box content"> |
|
|
|
<view class="info"> |
|
|
|
<!-- Withdraw amount --> |
|
|
|
{{ $t('page.withdraw.Withdraw_amount') }} |
|
|
|
</view> |
|
|
|
<view style="font-size: 50rpx;font-weight: 900; |
|
|
|
padding: 30rpx 0;display: flex;align-items: center; |
|
|
|
"> |
|
|
|
<text style="padding-right: 40rpx;">{{ $t('page.withdraw.unit') }}</text> <input type="text" /> |
|
|
|
</view> |
|
|
|
<view class="info" |
|
|
|
style="font-size: 22rpx; |
|
|
|
border-top: 1px solid #99999944; |
|
|
|
padding-top: 10rpx;"> |
|
|
|
<!-- Minimum Withdrawal amount 1 --> |
|
|
|
{{ $t('page.withdraw.Minimum') }} |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
<view class="box content"> |
|
|
|
<view class="title info">{{ $t('page.withdraw.payment_passwrod') }}</view> |
|
|
|
<input v-model="form.money" type="number" :placeholder="$t('page.withdraw.payment_passwrod-placeholder')"/> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- <view class="withdraw-amount content"> |
|
|
|
<view class="withdraw-title">{{ $t('page.withdraw.withdraw-amount')}}</view> |
|
|
|
<view class="withdraw-content">{{ $t('page.withdraw.withdraw-descript')}}</view> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<!-- 输入框组 --> |
|
|
|
<view class="inputs content"> |
|
|
|
<!-- <view class="inputs content"> |
|
|
|
|
|
|
|
<view class="input-item"> |
|
|
|
<view class="input-top"> |
|
|
@ -37,16 +59,10 @@ |
|
|
|
<input v-model="form.money" type="number" :placeholder="$t('page.withdraw.deposit-now')"/> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- <view class="input-item"> |
|
|
|
<view class="input-top"> |
|
|
|
<view class="title">{{ $t('page.withdraw.pin') }}</view> |
|
|
|
</view> |
|
|
|
<input v-model="form.payPass" type="password"/> |
|
|
|
</view> --> |
|
|
|
</view> |
|
|
|
</view> --> |
|
|
|
|
|
|
|
<!-- 提交按钮 --> |
|
|
|
<view @click="withdraw" class="submit content">{{ $t('page.withdraw.submit') }}</view> |
|
|
|
<view @click="withdraw" class="submit content">{{ $t('page.modifyUser.confirm') }}</view> |
|
|
|
|
|
|
|
<!-- 超出最大提现金额提示 --> |
|
|
|
<view v-if="showModal" class="modal"> |
|
|
@ -57,19 +73,15 @@ |
|
|
|
</view> |
|
|
|
</view> |
|
|
|
|
|
|
|
<!-- 客服列表 --> |
|
|
|
<serviceList :show="showService" :serverList="serverList" @close="closeServiceList"></serviceList> |
|
|
|
|
|
|
|
<sTabbar /> |
|
|
|
|
|
|
|
</view> |
|
|
|
</template> |
|
|
|
|
|
|
|
<script> |
|
|
|
import navbar from '@/components/base/m-navbar.vue' |
|
|
|
import serviceList from '@/components/serviceList/serviceList.vue'; |
|
|
|
|
|
|
|
export default { |
|
|
|
components: { |
|
|
|
navbar |
|
|
|
}, |
|
|
|
data() { |
|
|
|
return { |
|
|
|
money : '', |
|
|
@ -182,36 +194,57 @@ |
|
|
|
.withdraw { |
|
|
|
width: 750rpx; |
|
|
|
min-height: 100vh; |
|
|
|
// background-color: black; |
|
|
|
background-color: #f3f3f3; |
|
|
|
margin: 0 auto; |
|
|
|
// background-image: url('@/static/withdraw/bg.png'); |
|
|
|
background-size: 100%; |
|
|
|
background-repeat: no-repeat; |
|
|
|
|
|
|
|
.content { |
|
|
|
width: 96%; |
|
|
|
width: 94%; |
|
|
|
margin: 0 auto; |
|
|
|
} |
|
|
|
|
|
|
|
.box{ |
|
|
|
margin-top: 5rpx; |
|
|
|
background-color: #fff; |
|
|
|
box-sizing: border-box; |
|
|
|
padding: 20rpx; |
|
|
|
.info{ |
|
|
|
color: #999; |
|
|
|
font-size: 26rpx; |
|
|
|
} |
|
|
|
.title{ |
|
|
|
font-size: 28rpx; |
|
|
|
margin-bottom: 20rpx; |
|
|
|
} |
|
|
|
} |
|
|
|
|
|
|
|
.user-money { |
|
|
|
background: $uni-bg-color-app; |
|
|
|
color: $uni-text-color-inverse; |
|
|
|
margin: 20rpx auto 30rpx auto; |
|
|
|
// border: 4rpx solid #D3EA5E; |
|
|
|
padding: 60rpx 0rpx; |
|
|
|
padding: 70rpx 0rpx; |
|
|
|
font-size: 36rpx; |
|
|
|
border-radius: 10rpx; |
|
|
|
border-top-right-radius: 55rpx; |
|
|
|
|
|
|
|
.title, |
|
|
|
.title{ |
|
|
|
padding-left: 40rpx; |
|
|
|
margin-bottom: 40rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
color: #999; |
|
|
|
} |
|
|
|
.money { |
|
|
|
display: flex; |
|
|
|
justify-content: center; |
|
|
|
align-items: center; |
|
|
|
height: 60rpx; |
|
|
|
padding-left: 40rpx; |
|
|
|
|
|
|
|
.money-unit { |
|
|
|
margin-right: 15rpx; |
|
|
|
font-size: 28rpx; |
|
|
|
font-size: 26rpx; |
|
|
|
font-weight: bold; |
|
|
|
margin-top: 15rpx; |
|
|
|
} |
|
|
|
|
|
|
|
.money-detail{ |
|
|
@ -286,7 +319,7 @@ |
|
|
|
align-items: center; |
|
|
|
justify-content: center; |
|
|
|
background: $uni-bg-color-app; |
|
|
|
border-radius: 10rpx; |
|
|
|
border-radius: 40rpx; |
|
|
|
font-size: 40rpx; |
|
|
|
font-weight: bold; |
|
|
|
margin-top: 30rpx; |
|
|
|