From d040c448708d01ef2e2fa585a5a72c84e07e1e31 Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期二, 23 九月 2025 14:57:24 +0800 Subject: [PATCH] feat: 绑定银行卡 --- apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue | 55 +++++++++++++++++++++++++++++++++++++++++++++---------- 1 files changed, 45 insertions(+), 10 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue b/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue index bae21d2..2e85da4 100644 --- a/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue +++ b/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue @@ -1,10 +1,14 @@ <template> + <!-- <div class="mine-wallet-balance"> + <WithdrawMoneyCard :money="userDetail.balance" title="璐︽埛浣欓(鍏�)"></WithdrawMoneyCard> + <nut-button type="primary" class="mine-wallet-balance-btn" @click="goWithdraw">鎻愮幇</nut-button> + </div> --> <List> <ListItem title="鏀跺叆鏄庣粏" @click="goIncomeDetail"> </ListItem> <ListItem title="閾惰鍗�" @click="goBankBind"> <template #extra> <div class="bind-bank-card"> - {{ isBinding ? '宸茬粦瀹�' : '鏈粦瀹氥�佺珛鍗崇粦瀹�' }} + {{ isBindBank ? '宸茬粦瀹�' : '鏈粦瀹氥�佺珛鍗崇粦瀹�' }} </div> </template> </ListItem> @@ -12,18 +16,19 @@ </template> <script setup lang="ts"> -import { List, ListItem } from '@12333/components'; -import { useUserStore } from '@/stores/modules/user'; +import { List, ListItem, WithdrawMoneyCard } from '@12333/components'; +import { EnumUserBankCardAccess } from '@12333/constants'; import Taro from '@tarojs/taro'; -import { Message } from '@12333/utils'; defineOptions({ name: 'InnerPage', }); -const { isCertified } = useUser(); +const { userDetail } = useUser(); -const isBinding = ref(false); +const isBindBank = computed(() => + userDetail.value?.bankCardAAccesses?.find(() => EnumUserBankCardAccess.Bank) +); function goIncomeDetail() { Taro.navigateTo({ @@ -31,10 +36,18 @@ }); } +const goWithdraw = useAccessReal( + () => { + Taro.navigateTo({ + url: `${RouterPath.withdraw}`, + }); + }, + { message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙彁鐜�' } +); const goBankBind = useAccessReal( () => { Taro.navigateTo({ - url: `${isBinding.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`, + url: `${isBindBank.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`, }); }, { message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙繘琛岄摱琛屽崱缁戝畾' } @@ -44,8 +57,30 @@ <style lang="scss"> @import '@/styles/common.scss'; -.bind-bank-card { - color: boleGetCssVar('text-color', 'regular'); - font-size: 24px; +.mineWallet-page-wrapper { + .mine-wallet-balance { + text-align: center; + padding-bottom: 60px; + + .mine-wallet-balance-item { + font-size: 28px; + font-weight: 500; + margin-bottom: 40px; + + &.money { + font-size: 48px; + font-weight: 500; + } + } + + .mine-wallet-balance-btn { + width: 60%; + } + } + + .bind-bank-card { + color: boleGetCssVar('text-color', 'regular'); + font-size: 24px; + } } </style> -- Gitblit v1.9.1