feat: 修复用户手动取消订单的状态显示、修复支付过程中订单支付按钮一直展示的问题

src/game_pages/detail/index.tsx

@@ -7,6 +7,7 @@ import DetailService from "@/services/detailService";
 import * as LoginService from "@/services/loginService";
 import { getCurrentLocation } from "@/utils/locationUtils";
 import { useUserInfo, useUserActions } from "@/store/userStore";
+import { useGlobalState } from "@/store/global";
 import GameTags from "./components/GameTags";
 import Carousel from "./components/Carousel";
 import StickyBottom from "./components/StickyBottom";
@@ -33,6 +34,9 @@ function Index() {
   const { fetchUserInfo } = useUserActions(); // 获取登录用户的userInfo
   const myInfo = useUserInfo();
 
+  const { statusNavbarHeightInfo } = useGlobalState();
+  const { statusBarHeight, navBarHeight } = statusNavbarHeightInfo;
+
   useSceneRedirect("game_pages/detail/index");
 
   const isMyOwn = userInfo.id === myInfo.id;
@@ -151,7 +155,13 @@ function Index() {
   return (
     <View className={styles["detail-page"]}>
       {/* custom navbar */}
-      <view className={styles["custom-navbar"]}>
+      <view
+        className={styles["custom-navbar"]}
+        style={{
+          height: `${statusBarHeight}px`,
+          paddingTop: `${navBarHeight}px`,
+        }}
+      >
         <View className={styles["detail-navigator"]}>
           <View
             className={styles["detail-navigator-back"]}