1

src/user_pages/downloadBillRecords/index.tsx

@@ -6,6 +6,7 @@ import httpService from "@/services/httpService";
 import Taro, { useReachBottom } from "@tarojs/taro";
 import img from "@/config/images";
 import { EmptyState, GeneralNavbar } from "@/components";
+import { useGlobalState } from "@/store/global";
 
 interface BillRecord {
   id: number;
@@ -24,6 +25,9 @@ interface BillRecord {
 }
 
 const DownloadBillRecords: React.FC = () => {
+  // 获取导航栏高度信息
+  const { statusNavbarHeightInfo } = useGlobalState() || {};
+  const { totalHeight = 98 } = statusNavbarHeightInfo || {};
   // 获取当前页面的配置
   const currentPage = Taro.getCurrentInstance();
   const pageConfig = currentPage.page?.config;
@@ -90,7 +94,10 @@ const DownloadBillRecords: React.FC = () => {
           Taro.navigateBack();
         }}
       />
-      <View className="records-container">
+      <View 
+        className="records-container"
+        style={{ marginTop: `${totalHeight}px` }}
+      >
         {records.length ? records.map((record) => (
           <View className="record-item" key={record.id}>
             <View className="title-text">{record.file_name}</View>