导航栏引用公共组件

src/user_pages/edit/index.tsx

@@ -6,7 +6,7 @@ import "./index.scss";
 import { UserService, PickerOption } from "@/services/userService";
 import { clear_login_state } from "@/services/loginService";
 import { convert_db_gender_to_display } from "@/utils/genderUtils";
-import { EditModal } from "@/components";
+import { EditModal, BackNavbar } from "@/components";
 import img from "@/config/images";
 import CommonDialog from "@/components/CommonDialog";
 import { useUserActions, useUserInfo } from "@/store/userStore";
@@ -350,7 +350,7 @@ const EditProfilePage: React.FC = () => {
   return (
     <View className="edit_profile_page">
       {/* 导航栏 */}
-      <View className="custom-navbar">
+      {/* <View className="custom-navbar">
         <View className="detail-navigator">
           <View
             className="detail-navigator-back"
@@ -364,7 +364,17 @@ const EditProfilePage: React.FC = () => {
             />
           </View>
         </View>
-      </View>
+      </View> */}
+      {/* 顶部导航栏 */}
+      <BackNavbar
+        title=""
+        showBackButton={true}
+        showAvatar={false}
+        backgroundColor="unset"
+        onBack={() => {
+          Taro.navigateBack();
+        }}
+      />
       {/* 主要内容 */}
       <ScrollView className="main_content" scrollY>
         {loading ? (
@@ -593,9 +603,9 @@ const EditProfilePage: React.FC = () => {
                     >
                       {form_data.phone
                         ? form_data.phone.replace(
-                            /(\d{3})(\d{4})(\d{4})/,
-                            "$1 $2 $3"
-                          )
+                          /(\d{3})(\d{4})(\d{4})/,
+                          "$1 $2 $3"
+                        )
                         : "未绑定"}
                     </Button>
                     <Image