From e47b0eeb37be332a8a79e7f00b425c5f5affc06f Mon Sep 17 00:00:00 2001
From: WindowBird <13870814+windows-bird@user.noreply.gitee.com>
Date: Mon, 18 Aug 2025 14:01:52 +0800
Subject: [PATCH] =?UTF-8?q?=E6=94=B6=E6=94=AF=E6=98=8E=E7=BB=86=E7=95=8C?=
 =?UTF-8?q?=E9=9D=A2=EF=BC=8Ccard=E7=9A=84view=E7=BB=93=E6=9E=84=E8=AE=BE?=
 =?UTF-8?q?=E8=AE=A1?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 enum/commonEnum.js          |  2 ++
 pages/cashFlow/cashFlow.vue | 66 ++++++++++++++++++++++++++++++++-----
 2 files changed, 60 insertions(+), 8 deletions(-)

diff --git a/enum/commonEnum.js b/enum/commonEnum.js
index 1cef44b..7dad636 100644
--- a/enum/commonEnum.js
+++ b/enum/commonEnum.js
@@ -29,5 +29,7 @@ export const commonEnum = {
   //收支明细
   TYPE_SELECT: 'https://api.ccttiot.com/image-1755487673678.png', //类型
   DOWN_ICON: 'https://api.ccttiot.com/image-1755484170012.png',
+  WITHDRAW: 'https://api.ccttiot.com/image-1755496777724.png', //提现
+  ORDER_NUMBER: 'https://api.ccttiot.com/image-1755496809579.png', //订单
 }
 export default commonEnum
diff --git a/pages/cashFlow/cashFlow.vue b/pages/cashFlow/cashFlow.vue
index 88fdb89..5a68c9e 100644
--- a/pages/cashFlow/cashFlow.vue
+++ b/pages/cashFlow/cashFlow.vue
@@ -1,7 +1,7 @@
 <template>
   <view
     :style="{
-      background: `linear-gradient(to bottom, #ff803a 0, #ff803a ${getNavBarHeight() * 2}px, transparent ${getNavBarHeight() * 2}px, transparent 100%)`,
+      background: `linear-gradient(to bottom, #ff803a 0, #ff803a ${getNavBarHeight() * 2}px, #F7F7F7 ${getNavBarHeight() * 2}px, #F7F7F7 100%)`,
     }"
     class="page"
   >
@@ -35,10 +35,34 @@
       </view>
     </view>
 
-    <!-- 主要内容区域 -->
-    <view class="body">666</view>
+    <!-- 卡片区域 -->
+    <view v-for="(item, index) in billList" :key="index" class="card">
+      <view class="card-head">
+        <view class="card-date">428</view>
+        <view class="card-flow">
+          <view class="card-out">200</view>
+          <view class="card-in">201</view>
+        </view>
+      </view>
+      <view class="card-item">
+        <view class="card-item-cash-info">
+          <view class="card-icon"></view>
+          <view class="card-item-detail">
+            <view class="card-item-title">
+              <text class="left">1</text>
+              <text class="right">2</text>
+            </view>
+            <view class="card-item-body">
+              <text class="card-time">3</text>
+              <text class="order-number">4</text>
+            </view>
+          </view>
+        </view>
+        <view class="number">2222</view>
+      </view>
+      {{ item.date }}
+    </view>
   </view>
-
   <!-- 底部弹窗 -->
   <uni-popup ref="popup" :mask-click="true" type="bottom">
     <view class="popup-content">
@@ -101,6 +125,32 @@ export default {
         '公益',
         '发红包',
       ],
+      billList: [
+        {
+          date: '5月31日 星期六',
+          type: '支出',
+          category: '购物',
+          time: '22:08',
+          merchant: '京东商城平台商户',
+          amount: '-11.40',
+        },
+        {
+          date: '5月31日 星期六',
+          type: '支出',
+          category: '购物',
+          time: '22:08',
+          merchant: '京东商城平台商户',
+          amount: '-11.40',
+        },
+        {
+          date: '5月31日 星期六',
+          type: '支出',
+          category: '购物',
+          time: '22:08',
+          merchant: '京东商城平台商户',
+          amount: '-11.40',
+        },
+      ],
     }
   },
   computed: {
@@ -211,15 +261,15 @@ export default {
 }
 
 // 主要内容区域
-.body {
+.card {
   position: relative;
   display: flex;
   flex-direction: column;
   justify-content: center;
   align-items: center;
-  //background: #ca3232;
-  border-radius: 40rpx;
-  margin: 0 30rpx;
+  background: #ffffff;
+  border-radius: 20rpx;
+  margin: 12rpx 22rpx 12rpx 22rpx;
   padding: 40rpx;
 }