diff --git a/src/pages/first-try.vue b/src/pages/first-try.vue
index c215e2e..26fac2b 100644
--- a/src/pages/first-try.vue
+++ b/src/pages/first-try.vue
@@ -1,17 +1,12 @@
 <script setup>
 import AppBackground from "@/components/AppBackground.vue";
+import Header from "@/components/Header.vue";
 </script>
 
 <template>
   <view>
     <AppBackground />
-    <navigator
-      open-type="navigateBack"
-      hover-class="back-hover"
-      class="back-btn"
-      >返回</navigator
-    >
-    <text>新手试炼</text>
+    <Header title="新手试炼场" />
   </view>
 </template>
 
diff --git a/src/pages/friend-battle.vue b/src/pages/friend-battle.vue
index e0d7eb1..cd5279f 100644
--- a/src/pages/friend-battle.vue
+++ b/src/pages/friend-battle.vue
@@ -1,17 +1,12 @@
 <script setup>
 import AppBackground from "@/components/AppBackground.vue";
+import Header from "@/components/Header.vue";
 </script>
 
 <template>
   <view>
     <AppBackground />
-    <navigator
-      open-type="navigateBack"
-      hover-class="back-hover"
-      class="back-btn"
-      >返回</navigator
-    >
-    <text>好友约战</text>
+    <Header title="好友约战" />
   </view>
 </template>
 
diff --git a/src/pages/ranking.vue b/src/pages/ranking.vue
index 34d7cc4..9d77674 100644
--- a/src/pages/ranking.vue
+++ b/src/pages/ranking.vue
@@ -1,17 +1,12 @@
 <script setup>
 import AppBackground from "@/components/AppBackground.vue";
+import Header from "@/components/Header.vue";
 </script>
 
 <template>
   <view>
     <AppBackground />
-    <navigator
-      open-type="navigateBack"
-      hover-class="back-hover"
-      class="back-btn"
-      >返回</navigator
-    >
-    <text>排行榜</text>
+    <Header title="排行赛" />
   </view>
 </template>
 
diff --git a/src/static/app-bg.png b/src/static/app-bg.png
index 4502f36..f6237cc 100644
Binary files a/src/static/app-bg.png and b/src/static/app-bg.png differ