1

src/user_pages/billDetail/index.tsx

@@ -8,7 +8,8 @@ import httpService from "@/services/httpService";
 import { TransactionType, TransactionSubType } from "@/user_pages/wallet/index";
 import "./index.scss";
 import img from "@/config/images";
-import { GeneralNavbar } from "@/components"
+import { GeneralNavbar } from "@/components";
+import { useGlobalState } from "@/store/global";
 
 enum FreezeActions {
   Unfreeze = "unfreeze",
@@ -33,6 +34,9 @@ interface BillDetail {
 }
 
 const BillDetail: React.FC = () => {
+  // 获取导航栏高度信息
+  const { statusNavbarHeightInfo } = useGlobalState() || {};
+  const { totalHeight = 98 } = statusNavbarHeightInfo || {};
   // 获取当前页面的配置
   const currentPage = Taro.getCurrentInstance();
   const pageConfig = currentPage.page?.config;
@@ -101,7 +105,10 @@ const BillDetail: React.FC = () => {
           Taro.navigateBack();
         }}
       />
-      <View className="title-text-box">
+      <View 
+        className="title-text-box"
+        style={{ marginTop: `${totalHeight}px` }}
+      >
         <View className="title-text">现金交易 (元)</View>
         <View className="amount-text">
           <Text>{billDetail.transaction_type === "expense" ? "-" : "+"}</Text>

src/user_pages/downloadBill/index.tsx

@@ -9,6 +9,7 @@ import { DialogCalendarCard } from "@/components/index";
 import { CommonPopup, GeneralNavbar } from "@/components";
 import httpService from "@/services/httpService";
 import img from "@/config/images";
+import { useGlobalState } from "@/store/global";
 
 export enum TransactionSubType {
   All = "",
@@ -31,6 +32,9 @@ interface TransactionLoadParams {
   date_range?: string[];
 }
 const DownloadBill: React.FC = () => {
+  // 获取导航栏高度信息
+  const { statusNavbarHeightInfo } = useGlobalState() || {};
+  const { totalHeight = 98 } = statusNavbarHeightInfo || {};
   // 获取当前页面的配置
   const currentPage = Taro.getCurrentInstance();
   const pageConfig = currentPage.page?.config;
@@ -271,7 +275,10 @@ const DownloadBill: React.FC = () => {
           Taro.navigateBack();
         }}
       />
-      <View className="hint_content">
+      <View 
+        className="hint_content"
+        style={{ marginTop: `${totalHeight}px` }}
+      >
         <Text>最长可导出三个月的账单 </Text>
         <Text className="button_text" onClick={downloadExample}>
           示例文件

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>

src/user_pages/queryTransactions/index.tsx

@@ -6,6 +6,7 @@ import { withAuth, GeneralNavbar } from "@/components";
 import "./index.scss";
 import httpService from "@/services/httpService";
 import Taro, { useReachBottom } from "@tarojs/taro";
+import { useGlobalState } from "@/store/global";
 interface Transaction {
   id: number;
   user_id: number;
@@ -30,6 +31,9 @@ interface TransactionLoadParams {
 }
 
 const QueryTransactions = () => {
+  // 获取导航栏高度信息
+  const { statusNavbarHeightInfo } = useGlobalState() || {};
+  const { totalHeight = 98 } = statusNavbarHeightInfo || {};
   // 获取当前页面的配置
   const currentPage = Taro.getCurrentInstance();
   const pageConfig = currentPage.page?.config;
@@ -271,7 +275,10 @@ const QueryTransactions = () => {
           }}
         />
         {/* 搜索 */}
-        <View className="topSearchWrapper">
+        <View 
+          className="topSearchWrapper"
+          style={{ marginTop: `${totalHeight}px` }}
+        >
           <View className="topSearch">
             <Image className="searchIcon" src={img.ICON_LIST_SEARCH_SEARCH} />
             <Input

src/user_pages/setTransactionPassword/index.tsx

@@ -5,6 +5,7 @@ import { View, Text, Input, Button, Image } from "@tarojs/components";
 import "./index.scss";
 import httpService from "@/services/httpService";
 import { useKeyboardHeight } from "@/store/keyboardStore";
+import { useGlobalState } from "@/store/global";
 import img from "@/config/images";
 import { GeneralNavbar } from "@/components";
 
@@ -15,6 +16,9 @@ interface FormFields {
 }
 
 const SetTransactionPassword: React.FC = () => {
+  // 获取导航栏高度信息
+  const { statusNavbarHeightInfo } = useGlobalState() || {};
+  const { totalHeight = 98 } = statusNavbarHeightInfo || {};
   // 获取当前页面的配置
   const currentPage = Taro.getCurrentInstance();
   const pageConfig = currentPage.page?.config;
@@ -162,7 +166,10 @@ const SetTransactionPassword: React.FC = () => {
           Taro.navigateBack();
         }}
       />
-      <View className="form-item">
+      <View 
+        className="form-item"
+        style={{ marginTop: `${totalHeight}px` }}
+      >
         <Text className="form-label">交易密码</Text>
         <Input
           placeholder="请输入交易密码"

src/user_pages/validPhone/index.tsx

@@ -6,6 +6,7 @@ import "./index.scss";
 import httpService from "@/services/httpService";
 import { useUserInfo } from "@/store/userStore";
 import { useKeyboardHeight } from "@/store/keyboardStore";
+import { useGlobalState } from "@/store/global";
 import img from "@/config/images";
 import { GeneralNavbar } from "@/components";
 
@@ -15,6 +16,9 @@ interface FormFields {
 }
 
 const ValidPhone: React.FC = () => {
+  // 获取导航栏高度信息
+  const { statusNavbarHeightInfo } = useGlobalState() || {};
+  const { totalHeight = 98 } = statusNavbarHeightInfo || {};
   // 获取当前页面的配置
   const currentPage = Taro.getCurrentInstance();
   const pageConfig = currentPage.page?.config;
@@ -135,7 +139,10 @@ const ValidPhone: React.FC = () => {
           Taro.navigateBack();
         }}
       />
-      <View className="form-item">
+      <View 
+        className="form-item"
+        style={{ marginTop: `${totalHeight}px` }}
+      >
         <Text className="form-label">手机号</Text>
         <Input defaultValue={formData.phone} type="number" disabled></Input>
       </View>

src/user_pages/withdrawal/index.tsx

@@ -6,6 +6,7 @@ import httpService from "@/services/httpService";
 import "./index.scss";
 import { CommonPopup, GeneralNavbar } from "@/components";
 import { useKeyboardHeight } from "@/store/keyboardStore";
+import { useGlobalState } from "@/store/global";
 import img from "@/config/images";
 
 interface WalletInfo {
@@ -17,6 +18,9 @@ interface WalletInfo {
 }
 
 const Withdrawal: React.FC = () => {
+  // 获取导航栏高度信息
+  const { statusNavbarHeightInfo } = useGlobalState() || {};
+  const { totalHeight = 98 } = statusNavbarHeightInfo || {};
   // 获取当前页面的配置
   const currentPage = Taro.getCurrentInstance();
   const pageConfig = currentPage.page?.config;
@@ -311,7 +315,10 @@ const Withdrawal: React.FC = () => {
           Taro.navigateBack();
         }}
       />
-      <View className="withdrawal-container">
+      <View 
+        className="withdrawal-container"
+        style={{ marginTop: `${totalHeight}px` }}
+      >
         <Text className="title-text">提现金额</Text>
         <View className="input-container">
           <Text className="symbol">¥</Text>