fix: navbar commpontents

pages/mine/help.vue

@@ -1,26 +1,14 @@
 <template>
-  <view class="help-page" :style="{ paddingTop: navBarHeight + 'px' }">
-    <!-- Custom Navbar -->
-    <view
-      class="nav-bar"
-      :style="{
-        height: navBarHeight + 'px',
-        paddingTop: statusBarHeight + 'px',
-      }"
-    >
-      <view class="nav-left" @click="goBack">
-        <uni-icons type="left" size="24" color="#000" />
-      </view>
-      <text class="nav-title">帮助中心</text>
-    </view>
+  <view class="help-page" >
+    <NavBar title="帮助中心" />
 
     <!-- Search Bar -->
-    <view class="search-box">
+    <!-- <view class="search-box">
       <view class="search-input-box">
         <uni-icons type="search" size="18" color="#999" />
         <text class="placeholder">搜索你遇到的问题</text>
       </view>
-    </view>
+    </view> -->
 
     <view class="content-scroll">
       <!-- Quick Start -->
@@ -115,10 +103,10 @@
               <uni-icons type="chatbubbles-filled" size="20" color="#fff" />
               <text>在线客服</text>
             </button>
-            <button class="c-btn">
+            <!-- <button class="c-btn">
               <uni-icons type="world-filled" size="20" color="#fff" />
               <text>官方公众号</text>
-            </button>
+            </button> -->
           </view>
           <view class="bg-decor">
             <uni-icons
@@ -144,14 +132,7 @@
 
 <script setup>
 import { ref } from "vue";
-import { getBavBarHeight, getStatusBarHeight } from "@/utils/system";
-
-const navBarHeight = getBavBarHeight();
-const statusBarHeight = getStatusBarHeight();
-
-const goBack = () => {
-  uni.navigateBack();
-};
+import NavBar from "@/components/NavBar/NavBar.vue";
 
 const faqList = ref([
   {
@@ -222,36 +203,6 @@ const toggleQuestion = (catIndex, itemIndex) => {
   box-sizing: border-box;
 }
 
-.nav-bar {
-  position: fixed;
-  top: 0;
-  left: 0;
-  right: 0;
-  z-index: 100;
-  display: flex;
-  align-items: center;
-  padding: 0 24rpx;
-  background: #fff;
-}
-
-.nav-left {
-  display: flex;
-  align-items: center;
-  margin-right: 24rpx;
-  /* 增大点击区域 */
-  padding: 20rpx;
-  margin-left: -20rpx;
-}
-
-.nav-title {
-  font-size: 32rpx;
-  font-weight: bold;
-  color: #000;
-  flex: 1;
-  text-align: center;
-  margin-right: 50rpx; /* Balance back button */
-}
-
 .search-box {
   padding: 20rpx 30rpx;
   background: #fff;