From 51e103cebc94102e8b6268ab4892318e0d8acd5c Mon Sep 17 00:00:00 2001
From: Ultrame <1019265060@qq.com>
Date: Sun, 19 Oct 2025 18:46:12 +0800
Subject: [PATCH] =?UTF-8?q?=E9=92=B1=E5=8C=85=E3=80=81=E4=B8=8B=E8=BD=BD?=
 =?UTF-8?q?=E8=AE=B0=E5=BD=95=E6=B7=BB=E5=8A=A0=E7=A9=BA=E7=8A=B6=E6=80=81?=
MIME-Version: 1.0
Content-Type: text/plain; charset=UTF-8
Content-Transfer-Encoding: 8bit

---
 src/components/EmptyState/index.scss         | 2 +-
 src/components/EmptyState/index.tsx          | 6 ++++--
 src/user_pages/downloadBillRecords/index.tsx | 5 +++--
 src/user_pages/wallet/index.tsx              | 9 +++++----
 4 files changed, 13 insertions(+), 9 deletions(-)

diff --git a/src/components/EmptyState/index.scss b/src/components/EmptyState/index.scss
index dd79951..e516d8f 100644
--- a/src/components/EmptyState/index.scss
+++ b/src/components/EmptyState/index.scss
@@ -3,7 +3,7 @@
   flex-direction: column;
   align-items: center;
   justify-content: center;
-  padding: 124px 16px;
+  padding: 60px 16px;
   min-height: 400px;
 
   .empty-icon {
diff --git a/src/components/EmptyState/index.tsx b/src/components/EmptyState/index.tsx
index f0d2f14..deb917e 100644
--- a/src/components/EmptyState/index.tsx
+++ b/src/components/EmptyState/index.tsx
@@ -4,14 +4,16 @@ import "./index.scss";
 interface EmptyStateProps {
   text?: string;
   icon?: any; // 图片资源
+  styles?: any;
 }
 
 const EmptyState = ({ 
   text = "暂无数据", 
-  icon = require("@/static/message/emi.svg") 
+  icon = require("@/static/message/emi.svg"),
+  styles,
 }: EmptyStateProps) => {
   return (
-    <View className="empty-state">
+    <View className="empty-state" style={styles && {...styles}}>
       <View className="empty-icon">
         <Image className="img" src={icon} />
       </View>
diff --git a/src/user_pages/downloadBillRecords/index.tsx b/src/user_pages/downloadBillRecords/index.tsx
index b40334f..d6edf52 100644
--- a/src/user_pages/downloadBillRecords/index.tsx
+++ b/src/user_pages/downloadBillRecords/index.tsx
@@ -5,6 +5,7 @@ import "./index.scss";
 import httpService from "@/services/httpService";
 import Taro, { useReachBottom } from "@tarojs/taro";
 import img from "@/config/images";
+import { EmptyState } from "@/components";
 
 interface BillRecord {
   id: number;
@@ -81,7 +82,7 @@ const DownloadBillRecords: React.FC = () => {
         </View>
       </View>
       <View className="records-container">
-        {records.map((record) => (
+        {records.length ? records.map((record) => (
           <View className="record-item" key={record.id}>
             <View className="title-text">{record.file_name}</View>
             <View className="info-item">
@@ -97,7 +98,7 @@ const DownloadBillRecords: React.FC = () => {
               <Text className="btn">查看材料</Text>
             </View>
           </View>
-        ))}
+        )) : <EmptyState text="暂无数据" />}
       </View>
       <View className="tips">
         出于信息安全考虑，仅保留并展示7天内的账单下载记录
diff --git a/src/user_pages/wallet/index.tsx b/src/user_pages/wallet/index.tsx
index 8a28538..66506d1 100644
--- a/src/user_pages/wallet/index.tsx
+++ b/src/user_pages/wallet/index.tsx
@@ -2,7 +2,7 @@ import React, { useEffect, useState } from "react";
 import { View, Text, Input, Button, Image } from "@tarojs/components";
 import Taro, { useDidShow, useReachBottom } from "@tarojs/taro";
 import "./index.scss";
-import { CommonPopup } from "@/components";
+import { CommonPopup, EmptyState } from "@/components";
 import httpService from "@/services/httpService";
 import { withAuth } from "@/components";
 import { PopupPicker } from "@/components/Picker/index";
@@ -603,9 +603,10 @@ const WalletPage: React.FC = () => {
               );
             })
           ) : (
-            <View className="empty_state">
-              <Text className="empty_text">暂无交易记录</Text>
-            </View>
+            // <View className="empty_state">
+            //   <Text className="empty_text">暂无交易记录</Text>
+            // </View>
+            <EmptyState text="钱包空空如也，组织球局赚点球费吧" styles={{padding: "unset"}} />
           )}
         </View>
       </View>