666

src/components/AppSidebar.vue

@@ -4,7 +4,7 @@ import { useRoute } from "vue-router";
 
 const route = useRoute();
 
-const menuItems = [
+const baseMenuItems = [
   { name: "home", label: "首页", to: "/", icon: "home" },
   { name: "avatar", label: "形象", to: "/avatar", icon: "avatar" },
   { name: "material", label: "素材", to: "/material", icon: "material" },
@@ -16,6 +16,13 @@ const menuItems = [
   { name: "help", label: "帮助", to: "/help", icon: "help" },
 ];
 
+const menuItems = computed(() => {
+  if (import.meta.env.DEV) {
+    return [...baseMenuItems, { name: "debug", label: "调试", to: "/debug", icon: "debug" }];
+  }
+  return baseMenuItems;
+});
+
 const activeName = computed(() => route.name);
 </script>
 
@@ -65,6 +72,11 @@ const activeName = computed(() => route.name);
           <circle cx="12" cy="12" r="9" />
           <path d="M9.5 9a2.5 2.5 0 1 1 4.2 1.8c-.8.7-1.2 1.2-1.2 2.2M12 17h.01" stroke-linecap="round" />
         </svg>
+        <svg v-else-if="item.icon === 'debug'" viewBox="0 0 24 24" fill="none" stroke="currentColor" stroke-width="1.5">
+          <path d="M12 6v2M12 16v2M6 12h2M16 12h2" stroke-linecap="round" />
+          <circle cx="12" cy="12" r="4" />
+          <path d="M7 7l1.5 1.5M15.5 15.5L17 17M17 7l-1.5 1.5M8.5 15.5L7 17" stroke-linecap="round" />
+        </svg>
       </span>
       <span class="sidebar-label">{{ item.label }}</span>
     </RouterLink>