导航栏引用公共组件

src/user_pages/validPhone/index.tsx

@@ -7,6 +7,7 @@ import httpService from "@/services/httpService";
 import { useUserInfo } from "@/store/userStore";
 import { useKeyboardHeight } from "@/store/keyboardStore";
 import img from "@/config/images";
+import { BackNavbar } from "@/components";
 
 interface FormFields {
   phone?: string;
@@ -109,7 +110,7 @@ const ValidPhone: React.FC = () => {
   return (
     <View className="set-transaction-password-page">
       {/* 导航栏 */}
-      <View className="custom-navbar">
+      {/* <View className="custom-navbar">
         <View className="detail-navigator">
           <View
             className="detail-navigator-back"
@@ -124,7 +125,16 @@ const ValidPhone: React.FC = () => {
             <Text>{pageTitle}</Text>
           </View>
         </View>
-      </View>
+      </View> */}
+      {/* 顶部导航栏 */}
+      <BackNavbar
+        title={pageTitle}
+        showBackButton={true}
+        showAvatar={false}
+        onBack={() => {
+          Taro.navigateBack();
+        }}
+      />
       <View className="form-item">
         <Text className="form-label">手机号</Text>
         <Input defaultValue={formData.phone} type="number" disabled></Input>