更新全局header

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>
 

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>
 

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>