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>