fix: avatar page

pages/mine/avatar.vue

@@ -1,15 +1,7 @@
 <template>
-  <view class="avatar-page" :style="{ paddingTop: navBarTop + 'px' }">
+  <view class="avatar-page" >
     <!-- Navbar -->
-    <view
-      class="nav-bar"
-      :style="{ height: navBarHeight + 'px', paddingTop: navBarTop + 'px' }"
-    >
-      <view class="nav-content">
-        <view class="back" @tap="goBack">‹</view>
-        <text class="nav-title">我的制作记录</text>
-      </view>
-    </view>
+    <NavBar title="我的头像制作" />
 
     <!-- Current Avatar Card -->
     <view class="current-card" v-if="currentAvatar">
@@ -100,10 +92,9 @@ import { ref, onMounted } from "vue";
 import { onPullDownRefresh, onReachBottom } from "@dcloudio/uni-app";
 import { getMyAvatar, userAvatarChange } from "@/api/mine.js";
 import { useUserStore } from "@/stores/user";
+import NavBar from "@/components/NavBar/NavBar.vue";
 
 const userStore = useUserStore();
-const navBarTop = ref(0);
-const navBarHeight = ref(44);
 const list = ref([]);
 const page = ref(1);
 const loading = ref(false);
@@ -123,8 +114,6 @@ const names = [
 ];
 
 onMounted(() => {
-  const sysInfo = uni.getSystemInfoSync();
-  navBarTop.value = sysInfo.statusBarHeight;
   fetchList(true);
 });