钱包、下载记录添加空状态

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天内的账单下载记录