From 45efb3621da6180d1caad28cb5e98d9afefbc21f Mon Sep 17 00:00:00 2001 From: wupengfei <834520024@qq.com> Date: 星期三, 03 九月 2025 15:33:56 +0800 Subject: [PATCH] feat: 钱包 --- apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue | 50 ++++++++++++++++++++++++++++++++++---------------- 1 files changed, 34 insertions(+), 16 deletions(-) diff --git a/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue b/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue index bae21d2..986f7e9 100644 --- a/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue +++ b/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue @@ -1,21 +1,16 @@ <template> + <div class="mine-wallet-balance"> + <WithdrawMoneyCard :money="100" 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 ? '宸茬粦瀹�' : '鏈粦瀹氥�佺珛鍗崇粦瀹�' }} - </div> - </template> - </ListItem> </List> </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 Taro from '@tarojs/taro'; -import { Message } from '@12333/utils'; defineOptions({ name: 'InnerPage', @@ -31,21 +26,44 @@ }); } -const goBankBind = useAccessReal( +const goWithdraw = useAccessReal( () => { Taro.navigateTo({ - url: `${isBinding.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`, + url: `${RouterPath.withdraw}`, }); }, - { message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙繘琛岄摱琛屽崱缁戝畾' } + { message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙彁鐜�' } ); +// const goBankBind = useAccessReal( +// () => { +// Taro.navigateTo({ +// url: `${isBinding.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`, +// }); +// }, +// { message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙繘琛岄摱琛屽崱缁戝畾' } +// ); </script> <style lang="scss"> @import '@/styles/common.scss'; -.bind-bank-card { - color: boleGetCssVar('text-color', 'regular'); - font-size: 24px; +.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%; + } } </style> -- Gitblit v1.9.1