feat：星系广场的提交与筛选

front/src/App.vue

@@ -1,7 +1,7 @@
 <script lang="ts" setup>
 import { h, provide, ref } from 'vue';
 import { MenuProps, message } from 'ant-design-vue';
-import { SettingOutlined, UserOutlined, WindowsOutlined } from '@ant-design/icons-vue';
+import { SettingOutlined, UploadOutlined, UserOutlined, WindowsOutlined } from '@ant-design/icons-vue';
 import { useRouter } from 'vue-router';
 import * as shell from '@tauri-apps/plugin-shell';
 import { invoke } from "@tauri-apps/api/core";
@@ -69,6 +69,12 @@ const menuItems: MenuProps['items'] = [
         label: '设置',
         title: '设置',
     },
+    {
+        key: 'galaxy',
+        icon: h(UploadOutlined),
+        label: '提交',
+        title: '提交',
+    },
     {
         key: 'about',
         icon: h(UserOutlined),
@@ -83,7 +89,8 @@ const handleMenuClick: MenuProps['onClick'] = (e) => {
     const routeMap: Record<string, string> = {
         main: '/',
         setting: '/setting',
-        about: '/about'
+        about: '/about',
+        galaxy: '/galaxy'
     };
     const route = routeMap[e.key] || '/';
     router.push(route);

front/src/component/Galaxy.vue

@@ -0,0 +1,19 @@
+<template>
+    <div class="tw:h-full tw:w-full tw:p-4 tw:overflow-auto tw:bg-gray-50">
+        <div class="tw:max-w-2xl tw:mx-auto">
+            <!-- 标题区域 -->
+            <div class="tw:text-center tw:mb-8">
+                <h1 class="tw:text-2xl tw:font-bold tw:tracking-tight">
+                    <span
+                        class="tw:bg-gradient-to-r tw:from-cyan-300 tw:to-purple-950 tw:bg-clip-text tw:text-transparent">
+                        Galaxy Square
+                    </span>
+                </h1>
+                <p class="tw:text-gray-500 tw:mt-2">让所有的模组都在这里发光</p>
+            </div>
+        </div>
+    </div>
+</template>
+
+<script lang="ts" setup>
+</script>

front/src/router/index.ts

@@ -4,6 +4,7 @@ import Main from "../component/Main.vue";
 import Setting from "../component/Setting.vue";
 import About from "../component/About.vue";
 import Error from "../component/Error.vue";
+import Galaxy from "../component/Galaxy.vue";
 
 const router = createRouter({
     history: createWebHistory(),
@@ -21,6 +22,9 @@ const router = createRouter({
         },{
             path: "/error",
             component: Error
+        },{
+            path: "/galaxy",
+            component: Galaxy
         }
     ]
 })