diff --git a/src/views/components/navBar.vue b/src/views/components/TopNavBar.vue
similarity index 100%
rename from src/views/components/navBar.vue
rename to src/views/components/TopNavBar.vue
diff --git a/src/views/generate/index.vue b/src/views/generate/index.vue
index 8ba4140..8a21d44 100644
--- a/src/views/generate/index.vue
+++ b/src/views/generate/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page">
     <!-- 顶部栏 -->
-    <NavBar title="生成中" color="white" :showHistory="true" @back="onBack" @history="onHistory" />
+    <TopNavBar title="生成中" color="white" :showHistory="true" @back="onBack" @history="onHistory" />
 
     <!-- 中间内容 -->
     <div class="content">
@@ -31,7 +31,7 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
 // @ts-ignore
-import NavBar from '../components/NavBar.vue';
+import TopNavBar from '../components/TopNavBar.vue';
 
 const router = useRouter();
 
diff --git a/src/views/history/index.vue b/src/views/history/index.vue
index 3f0c9aa..87ae18a 100644
--- a/src/views/history/index.vue
+++ b/src/views/history/index.vue
@@ -1,7 +1,7 @@
 <template>
   <div class="page">
     <!-- Header -->
-    <NavBar title="最近任务" color="white" :showHistory="false" @back="onBack" />
+    <TopNavBar title="最近任务" color="white" :showHistory="false" @back="onBack" />
 
     <!-- 列表 -->
     <div class="list">
@@ -43,7 +43,7 @@
 <script setup lang="ts">
 import { useRouter } from 'vue-router';
 // @ts-ignore
-import NavBar from '../components/NavBar.vue';
+import TopNavBar from '../components/TopNavBar.vue';
 
 interface TaskItem {
   id: number
diff --git a/src/views/home/index.vue b/src/views/home/index.vue
index 154604d..c054706 100644
--- a/src/views/home/index.vue
+++ b/src/views/home/index.vue
@@ -6,7 +6,7 @@
 
     <div class="gradient-overlay"></div>
 
-    <NavBar color="white" :showHistory="true" @back="onBack" @history="onHistory" />
+    <TopNavBar title="AI生成合影" color="white" :showHistory="true" @back="onBack" @history="onHistory" />
 
     <div class="content-layer">
       <div class="style-tabs">
@@ -50,7 +50,7 @@
 <script setup>
 import { ref, computed } from 'vue';
 import { useRouter } from 'vue-router';
-import NavBar from '../components/NavBar.vue';
+import TopNavBar from '../components/TopNavBar.vue';
 import PhotoGuide from '../components/PhotoGuide.vue';
 import AgreementTip from '../components/AgreementTip.vue';
 
diff --git a/src/views/prepicture/index.vue b/src/views/prepicture/index.vue
index e887dba..5d5ef06 100644
--- a/src/views/prepicture/index.vue
+++ b/src/views/prepicture/index.vue
@@ -1,6 +1,6 @@
 <template>
   <div class="app-container">
-    <NavBar :title="title" color="white" :showHistory="false" @back="onBack" />
+    <TopNavBar :title="title" color="white" :showHistory="false" @back="onBack" />
 
     <div class="image-area" v-if="sceneData">
       <div class="img-wrapper" @click="showLightbox = true">
@@ -30,10 +30,10 @@
 </template>
 
 <script setup lang="ts">
+import { ref, computed } from 'vue';
 import { useRouter, useRoute } from 'vue-router';
 // @ts-ignore
-import NavBar from '../components/NavBar.vue';
-import { ref, computed } from 'vue';
+import TopNavBar from '../components/TopNavBar.vue';
 // @ts-ignore 
 import VueEasyLightbox from 'vue-easy-lightbox';
 // @ts-ignore