feat: route jump

frontend/wechat/src/layouts/MainLayout.vue

@@ -14,7 +14,7 @@ const tabs = [
 
 const switchTab = (index, route) => {
     activeTab.value = index
-    router.push(route)
+    router.replace(route)
 }
 </script>
 
@@ -30,17 +30,13 @@ const switchTab = (index, route) => {
 
         <nav class="flex-none bg-white border-t border-gray-200 shadow-[0_-1px_3px_rgba(0,0,0,0.05)]">
             <div class="flex justify-around items-center h-14 max-w-[480px] mx-auto px-2">
-                <div v-for="(tab, index) in tabs"
-                    :key="index"
-                    class="flex flex-col items-center justify-center w-full h-full py-1 select-none"
-                    :class="[
+                <div v-for="(tab, index) in tabs" :key="index"
+                    class="flex flex-col items-center justify-center w-full h-full py-1 select-none" :class="[
                         activeTab === index
                             ? 'text-primary-600'
                             : 'text-gray-500 hover:text-primary-500 active:text-primary-700'
-                    ]"
-                    @click="switchTab(index, tab.route)">
-                    <component :is="tab.icon"
-                        class="w-6 h-6 transition-colors duration-200" />
+                    ]" @click="switchTab(index, tab.route)">
+                    <component :is="tab.icon" class="w-6 h-6 transition-colors duration-200" />
                     <span class="mt-1 text-xs font-medium">{{ tab.label }}</span>
                 </div>
             </div>