From 0d4707520940affeb4ac1697bbce9cebf5da60f8 Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期二, 23 九月 2025 10:37:02 +0800
Subject: [PATCH] feat: 页面
---
apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue | 58 ++++++++++++++++++++++++++++++++++++----------------------
1 files changed, 36 insertions(+), 22 deletions(-)
diff --git a/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue b/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue
index ebb3467..b8a68cf 100644
--- a/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue
+++ b/apps/cMiniApp/src/subpackages/wallet/mineWallet/InnerPage.vue
@@ -1,10 +1,17 @@
<template>
<div class="mine-wallet-balance">
- <WithdrawMoneyCard :money="100" :title="`鎻愮幇-${'鏀粯瀹�'}鎻愮幇`"></WithdrawMoneyCard>
+ <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 ? '宸茬粦瀹�' : '鏈粦瀹氥�佺珛鍗崇粦瀹�' }}
+ </div>
+ </template>
+ </ListItem>
</List>
</template>
@@ -16,7 +23,7 @@
name: 'InnerPage',
});
-const { isCertified } = useUser();
+const { userDetail } = useUser();
const isBinding = ref(false);
@@ -34,36 +41,43 @@
},
{ message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙彁鐜�' }
);
-// const goBankBind = useAccessReal(
-// () => {
-// Taro.navigateTo({
-// url: `${isBinding.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`,
-// });
-// },
-// { message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙繘琛岄摱琛屽崱缁戝畾' }
-// );
+const goBankBind = useAccessReal(
+ () => {
+ Taro.navigateTo({
+ url: `${isBinding.value ? RouterPath.bindBankCard : RouterPath.unboundBankCard}`,
+ });
+ },
+ { message: '瀹屾垚瀹炲悕璁よ瘉鍚庢墠鍙繘琛岄摱琛屽崱缁戝畾' }
+);
</script>
<style lang="scss">
@import '@/styles/common.scss';
-.mine-wallet-balance {
- text-align: center;
- padding: 40px 0 60px;
+.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;
+ .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%;
}
}
- .mine-wallet-balance-btn {
- width: 60%;
+ .bind-bank-card {
+ color: boleGetCssVar('text-color', 'regular');
+ font-size: 24px;
}
}
</style>
--
Gitblit v1.9.1