|
@ -3,7 +3,7 @@ |
|
|
<view class="page full-height-with-titile" style="overflow: auto;" v-if="!showResult"> |
|
|
<view class="page full-height-with-titile" style="overflow: auto;" v-if="!showResult"> |
|
|
<!-- 主内容区域 --> |
|
|
<!-- 主内容区域 --> |
|
|
<view class="content" @click="hideKeyboard"> |
|
|
<view class="content" @click="hideKeyboard"> |
|
|
<!-- <view v-show="step === 1" style="width: 100%;"> |
|
|
<!-- <view v-show="step === 1" style="width: 100%;"> |
|
|
<u-subsection style="width: 100%;" activeColor="#FDBE44" :list="['代付', '代收']" :current="0" @change="handleUserTypeChg"></u-subsection> |
|
|
<u-subsection style="width: 100%;" activeColor="#FDBE44" :list="['代付', '代收']" :current="0" @change="handleUserTypeChg"></u-subsection> |
|
|
</view> --> |
|
|
</view> --> |
|
|
<view v-show="false" class="withdraw-amount" style="margin-bottom: 20rpx;"> |
|
|
<view v-show="false" class="withdraw-amount" style="margin-bottom: 20rpx;"> |
|
@ -157,15 +157,15 @@ |
|
|
</template> |
|
|
</template> |
|
|
|
|
|
|
|
|
<script> |
|
|
<script> |
|
|
import { createTopUp } from '@/api/home/qrcode.js' |
|
|
import { createTopUp } from '@/api/home/qrcode.js' |
|
|
import { getBalance } from '@/api/account/userAccount.js' |
|
|
import { getBalance } from '@/api/account/userAccount.js' |
|
|
import { getBankList2 } from '@/api/bank/index.js' |
|
|
import { getBankList2 } from '@/api/bank/index.js' |
|
|
import payPopup from '@/components/keyboard/payPopup.vue' |
|
|
import payPopup from '@/components/keyboard/payPopup.vue' |
|
|
import { checkPwd } from '@/api/mine/payPwd.js' |
|
|
import { checkPwd } from '@/api/mine/payPwd.js' |
|
|
import keyboard from "@/components/master-keyboard/master-keyboard.vue"; |
|
|
import keyboard from "@/components/master-keyboard/master-keyboard.vue"; |
|
|
import payResult from '@/components/payResult/index.vue' |
|
|
import payResult from '@/components/payResult/index.vue' |
|
|
|
|
|
|
|
|
export default { |
|
|
export default { |
|
|
components: { |
|
|
components: { |
|
|
payPopup, |
|
|
payPopup, |
|
|
payResult |
|
|
payResult |
|
@ -402,198 +402,198 @@ |
|
|
this.show = true; |
|
|
this.show = true; |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
} |
|
|
</script> |
|
|
</script> |
|
|
<style lang="scss" scoped> |
|
|
<style lang="scss" scoped> |
|
|
|
|
|
|
|
|
.active{ |
|
|
.active{ |
|
|
border: 1px solid #FDBF44; |
|
|
border: 1px solid #FDBF44; |
|
|
background-color: rgba(253, 191, 68, .2); |
|
|
background-color: rgba(253, 191, 68, .2); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
|
|
|
|
|
|
.popup-content2 { |
|
|
.popup-content2 { |
|
|
background-color: #fff; |
|
|
background-color: #fff; |
|
|
padding: 20px; |
|
|
padding: 20px; |
|
|
border-radius: 10px; |
|
|
border-radius: 10px; |
|
|
font-size: 20rpx; |
|
|
font-size: 20rpx; |
|
|
text-align: center; |
|
|
text-align: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.page { |
|
|
.page { |
|
|
padding: 0; |
|
|
padding: 0; |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.nav-bar { |
|
|
.nav-bar { |
|
|
height: 88rpx; |
|
|
height: 88rpx; |
|
|
background-color: #333333; |
|
|
background-color: #333333; |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
padding: 0 30rpx; |
|
|
padding: 0 30rpx; |
|
|
position: relative; |
|
|
position: relative; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.back-icon { |
|
|
.back-icon { |
|
|
width: 20px; |
|
|
width: 20px; |
|
|
height: 20px; |
|
|
height: 20px; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.nav-title { |
|
|
.nav-title { |
|
|
position: absolute; |
|
|
position: absolute; |
|
|
left: 50%; |
|
|
left: 50%; |
|
|
transform: translateX(-50%); |
|
|
transform: translateX(-50%); |
|
|
color: #FFFFFF; |
|
|
color: #FFFFFF; |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.content { |
|
|
.content { |
|
|
flex: 1; |
|
|
flex: 1; |
|
|
padding: 20rpx 30rpx; |
|
|
padding: 20rpx 30rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bank-card { |
|
|
.bank-card { |
|
|
background-color: #FFFFFF; |
|
|
background-color: #FFFFFF; |
|
|
border-radius: 12rpx; |
|
|
border-radius: 12rpx; |
|
|
padding: 30rpx; |
|
|
padding: 30rpx; |
|
|
padding-bottom: 10rpx; |
|
|
padding-bottom: 10rpx; |
|
|
margin-top: 30rpx; |
|
|
margin-top: 30rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.section-title { |
|
|
.section-title { |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
margin-bottom: 14rpx; |
|
|
margin-bottom: 14rpx; |
|
|
padding-bottom: 14rpx; |
|
|
padding-bottom: 14rpx; |
|
|
display: block; |
|
|
display: block; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bank-info { |
|
|
.bank-info { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bank-detail { |
|
|
.bank-detail { |
|
|
display: flex; |
|
|
display: flex; |
|
|
flex-direction: column; |
|
|
flex-direction: column; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bank-name { |
|
|
.bank-name { |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
margin-bottom: 8rpx; |
|
|
margin-bottom: 8rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bank-number { |
|
|
.bank-number { |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
color: #666666; |
|
|
color: #666666; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.withdraw-amount { |
|
|
.withdraw-amount { |
|
|
background-color: #FFFFFF; |
|
|
background-color: #FFFFFF; |
|
|
border-radius: 12rpx; |
|
|
border-radius: 12rpx; |
|
|
padding: 20rpx; |
|
|
padding: 20rpx; |
|
|
padding-bottom: 15rpx; |
|
|
padding-bottom: 15rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.amount-header { |
|
|
.amount-header { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.withdraw-all { |
|
|
.withdraw-all { |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
color: #f4d994; |
|
|
color: #f4d994; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.amount-input-area { |
|
|
.amount-input-area { |
|
|
display: flex; |
|
|
display: flex; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.u-input ::v-deep .uni-input-input { |
|
|
.u-input ::v-deep .uni-input-input { |
|
|
font-size: 58rpx; |
|
|
font-size: 58rpx; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
height: 100rpx; |
|
|
height: 100rpx; |
|
|
line-height: 100rpx; |
|
|
line-height: 100rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.currency { |
|
|
.currency { |
|
|
font-size: 30px; |
|
|
font-size: 30px; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
margin-left: 20rpx; |
|
|
margin-left: 20rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.amount-footer { |
|
|
.amount-footer { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.available-amount { |
|
|
.available-amount { |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
color: #999999; |
|
|
color: #999999; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bottom-button { |
|
|
.bottom-button { |
|
|
padding: 50rpx 0; |
|
|
padding: 50rpx 0; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.submit-btn { |
|
|
.submit-btn { |
|
|
background-color: #FDBF44; |
|
|
background-color: #FDBF44; |
|
|
color: #000; |
|
|
color: #000; |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
height: 88rpx; |
|
|
height: 88rpx; |
|
|
line-height: 88rpx; |
|
|
line-height: 88rpx; |
|
|
border-radius: 24rpx; |
|
|
border-radius: 24rpx; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-content { |
|
|
.popup-content { |
|
|
background-color: #FFFFFF; |
|
|
background-color: #FFFFFF; |
|
|
border-top-left-radius: 20rpx; |
|
|
border-top-left-radius: 20rpx; |
|
|
border-top-right-radius: 20rpx; |
|
|
border-top-right-radius: 20rpx; |
|
|
padding-bottom: env(safe-area-inset-bottom); |
|
|
padding-bottom: env(safe-area-inset-bottom); |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-header { |
|
|
.popup-header { |
|
|
display: flex; |
|
|
display: flex; |
|
|
justify-content: space-between; |
|
|
justify-content: space-between; |
|
|
align-items: center; |
|
|
align-items: center; |
|
|
padding: 30rpx; |
|
|
padding: 30rpx; |
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.popup-title { |
|
|
.popup-title { |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
font-weight: 500; |
|
|
font-weight: 500; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bank-list { |
|
|
.bank-list { |
|
|
max-height: 600rpx; |
|
|
max-height: 600rpx; |
|
|
overflow-y: auto; |
|
|
overflow-y: auto; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bank-item { |
|
|
.bank-item { |
|
|
padding: 30rpx; |
|
|
padding: 30rpx; |
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
border-bottom: 1px solid #EEEEEE; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bank-item-name { |
|
|
.bank-item-name { |
|
|
font-size: 16px; |
|
|
font-size: 16px; |
|
|
color: #333333; |
|
|
color: #333333; |
|
|
margin-bottom: 8rpx; |
|
|
margin-bottom: 8rpx; |
|
|
display: block; |
|
|
display: block; |
|
|
} |
|
|
} |
|
|
|
|
|
|
|
|
.bank-item-number { |
|
|
.bank-item-number { |
|
|
font-size: 14px; |
|
|
font-size: 14px; |
|
|
color: #666666; |
|
|
color: #666666; |
|
|
} |
|
|
} |
|
|
</style> |
|
|
</style> |