修复 导航栏 高度的问题

src/other_pages/comment_reply/index.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { View, Text, ScrollView, Image, Input } from "@tarojs/components";
 import { Avatar } from "@nutui/nutui-react-taro";
-import { withAuth, EmptyState } from "@/components";
+import { withAuth, EmptyState, BackNavbar } from "@/components";
 import commentService, { CommentActivity } from "@/services/commentService";
 import { formatShortRelativeTime } from "@/utils/timeUtils";
 import Taro from "@tarojs/taro";
@@ -285,14 +285,12 @@ const CommentReply = () => {
   return (
     <View className="comment-reply-container">
       {/* 顶部导航栏 */}
-      <View className="navbar">
-        <View className="navbar-content">
-          <View className="back-button" onClick={handleBack}>
-            <View className="back-icon"></View>
-          </View>
-          <Text className="navbar-title">收到的评论和回复</Text>
-        </View>
-      </View>
+      <BackNavbar 
+        title="收到的评论和回复" 
+        showBackButton={true}
+        showAvatar={false}
+        onBack={handleBack}
+      />
 
       {/* 评论列表 */}
       <ScrollView

src/other_pages/message/index.scss

@@ -8,42 +8,6 @@
   flex-direction: column;
   background: #ffffff;
 
-  // 顶部导航栏
-  .navbar {
-    background: #ffffff;
-    position: sticky;
-    top: 0;
-    z-index: 100;
-    // box-shadow: 0 4px 16px 0 rgba(0, 0, 0, 0.06);
-
-    .navbar-content {
-      height: 56px;
-      display: flex;
-      align-items: center;
-      padding: 0 15px;
-      margin-top: 44px;
-
-      .navbar-left {
-        display: flex;
-        align-items: center;
-        gap: 8px;
-
-        .navbar-avatar {
-          width: 28px;
-          height: 28px;
-        }
-
-        .navbar-title {
-          font-family: "PingFang SC";
-          font-weight: 600;
-          font-size: 20px;
-          line-height: 1.4;
-          letter-spacing: 0.019em;
-          color: #000000;
-        }
-      }
-    }
-  }
 
   // 分类标签区
   .category-tabs {
@@ -134,7 +98,7 @@
       background: #ffffff;
       border: 0.5px solid rgba(0, 0, 0, 0.08);
       border-radius: 20px;
-      box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06);
+      // box-shadow: 0px 4px 36px 0px rgba(0, 0, 0, 0.06);
       padding: 0 0 12px;
       transition: all 0.2s;
 

src/other_pages/message/index.tsx

@@ -1,10 +1,8 @@
 import { useState, useEffect } from "react";
 import { View, Text, Image, ScrollView } from "@tarojs/components";
-import { Avatar } from "@nutui/nutui-react-taro";
 import GuideBar from "@/components/GuideBar";
-import { withAuth, EmptyState } from "@/components";
+import { withAuth, EmptyState, BackNavbar } from "@/components";
 import noticeService from "@/services/noticeService";
-import { useUserInfo } from "@/store/userStore";
 import { formatRelativeTime } from "@/utils/timeUtils";
 import Taro from "@tarojs/taro";
 import "./index.scss";
@@ -27,7 +25,6 @@ interface MessageItem {
 type MessageCategory = "comment" | "follow";
 
 const Message = () => {
-  const userInfo = useUserInfo() as any;
   const [activeTab, setActiveTab] = useState<MessageCategory | null>(null);
   const [messageList, setMessageList] = useState<MessageItem[]>([]);
   const [loading, setLoading] = useState(false);
@@ -135,18 +132,7 @@ const Message = () => {
   return (
     <View className="message-container">
       {/* 顶部导航栏 */}
-      <View className="navbar">
-        <View className="navbar-content">
-          <View className="navbar-left">
-            <Avatar
-              className="navbar-avatar"
-              src={userInfo?.avatar_url}
-              size="28px"
-            />
-            <Text className="navbar-title">消息</Text>
-          </View>
-        </View>
-      </View>
+      <BackNavbar title="消息" />
 
       {/* 分类标签 */}
       <View className="category-tabs">

src/other_pages/new_follow/index.tsx

@@ -1,7 +1,7 @@
 import { useState, useEffect } from "react";
 import { View, Text, ScrollView } from "@tarojs/components";
 import { Avatar } from "@nutui/nutui-react-taro";
-import { withAuth, EmptyState } from "@/components";
+import { withAuth, EmptyState, BackNavbar } from "@/components";
 import FollowService from "@/services/followService";
 import { formatShortRelativeTime } from "@/utils/timeUtils";
 import Taro from "@tarojs/taro";
@@ -195,14 +195,12 @@ const NewFollow = () => {
   return (
     <View className="new-follow-container">
       {/* 顶部导航栏 */}
-      <View className="navbar">
-        <View className="navbar-content">
-          <View className="back-button" onClick={handleBack}>
-            <View className="back-icon"></View>
-          </View>
-          <Text className="navbar-title">新增关注</Text>
-        </View>
-      </View>
+      <BackNavbar 
+        title="新增关注" 
+        showBackButton={true}
+        showAvatar={false}
+        onBack={handleBack}
+      />
 
       {/* 关注列表 */}
       <ScrollView