feat: 添加技能树路由，优化组件缓存和图片预览功能

src/App.vue

@@ -1,13 +1,18 @@
 <template>
   <div class="app-container" :style="containerStyle">
     <div class="app-content" :style="scaleStyle">
-      <router-view />
+      <router-view v-slot="{ Component }">
+        <KeepAlive :include="cachedNames">
+          <component :is="Component" />
+        </KeepAlive>
+      </router-view>
     </div>
   </div>
 </template>
 
 <script setup lang="ts">
 import { useScale } from '@/composables/useScale'
+import { computed } from 'vue'
 
 // 使用等比例缩放hook
 const { scaleStyle } = useScale()
@@ -20,6 +25,9 @@ const containerStyle = {
   position: 'relative' as const,
   background: '#000'
 }
+
+// 只缓存技能树页
+const cachedNames = computed(() => ['SkillPage', 'Work'])
 </script>
 
 <style>