From a3b9091ef2d22567fca03bf52ad180e65eb5860a Mon Sep 17 00:00:00 2001
From: wupengfei <834520024@qq.com>
Date: 星期三, 15 十月 2025 09:50:36 +0800
Subject: [PATCH] feat: 页面
---
apps/cMiniApp/src/pages/mine/index.scss | 40 +++++++++++++++-----
apps/cMiniApp/project.config.json | 4 +-
apps/cMiniApp/src/pages/mine/index.vue | 22 ++++++++++-
3 files changed, 52 insertions(+), 14 deletions(-)
diff --git a/apps/cMiniApp/project.config.json b/apps/cMiniApp/project.config.json
index 1d057ff..cc53dd5 100644
--- a/apps/cMiniApp/project.config.json
+++ b/apps/cMiniApp/project.config.json
@@ -3,8 +3,8 @@
"description": "",
"setting": {
"urlCheck": false,
- "es6": true,
- "enhance": true,
+ "es6": false,
+ "enhance": false,
"postcss": false,
"preloadBackgroundData": false,
"minified": false,
diff --git a/apps/cMiniApp/src/pages/mine/index.scss b/apps/cMiniApp/src/pages/mine/index.scss
index a97c29a..0e0604e 100644
--- a/apps/cMiniApp/src/pages/mine/index.scss
+++ b/apps/cMiniApp/src/pages/mine/index.scss
@@ -124,17 +124,37 @@
margin-bottom: 18px;
padding: 24px;
padding-left: 34px;
- .mine-balance-title {
- font-size: 30px;
- line-height: 42px;
- color: boleGetCssVar('text-color', 'primary');
- margin-bottom: 16px;
+ .mine-balance-content {
+ display: flex;
+ justify-content: space-between;
+ .mine-balance-content-item {
+ display: flex;
+ flex-direction: column;
+ text-align: center;
+ .mine-balance-content-item-title {
+ font-size: 30px;
+ line-height: 42px;
+ color: boleGetCssVar('text-color', 'primary');
+ margin-bottom: 16px;
+ }
+ .mine-balance-content-item-money {
+ font-size: 36px;
+ line-height: 68px;
+ color: boleGetCssVar('text-color', 'primary');
+
+ &.income {
+ color: boleGetCssVar('color', 'primary');
+ }
+ &.settlement {
+ color: boleGetCssVar('color', 'success');
+ }
+ &.withdraw {
+ color: boleGetCssVar('color', 'warning');
+ }
+ }
+ }
}
- .mine-balance-money {
- font-size: 48px;
- line-height: 68px;
- color: boleGetCssVar('text-color', 'primary');
- }
+
.mine-balance-btn {
display: flex;
align-items: center;
diff --git a/apps/cMiniApp/src/pages/mine/index.vue b/apps/cMiniApp/src/pages/mine/index.vue
index c0eaf08..fde6502 100644
--- a/apps/cMiniApp/src/pages/mine/index.vue
+++ b/apps/cMiniApp/src/pages/mine/index.vue
@@ -57,8 +57,26 @@
</ContentView>
<ContentScrollView v-if="isLogin" class="mine-content-scroll-view">
<List class="mine-list-wrapper mine-balance">
- <div class="mine-balance-title">鎴戠殑浣欓</div>
- <div class="mine-balance-money">锟{ toThousand(userDetail?.balance ?? 0) }}</div>
+ <div class="mine-balance-content">
+ <div class="mine-balance-content-item">
+ <div class="mine-balance-content-item-title">鎴戠殑鏀剁泭</div>
+ <div class="mine-balance-content-item-money income">
+ 锟{ toThousand(userDetail?.balance ?? 0) }}
+ </div>
+ </div>
+ <div class="mine-balance-content-item">
+ <div class="mine-balance-content-item-title">寰呯粨绠�</div>
+ <div class="mine-balance-content-item-money settlement">
+ 锟{ toThousand(userDetail?.balance ?? 0) }}
+ </div>
+ </div>
+ <div class="mine-balance-content-item">
+ <div class="mine-balance-content-item-title">鍙彁鐜�</div>
+ <div class="mine-balance-content-item-money withdraw">
+ 锟{ toThousand(userDetail?.balance ?? 0) }}
+ </div>
+ </div>
+ </div>
<div class="mine-balance-btn" @click="goMineWallet">
杩涘叆鎴戠殑閽卞寘
<img :src="IconArrow" class="mine-balance-btn-icon" />
--
Gitblit v1.9.1