init

src/layout/index.vue

@@ -0,0 +1,52 @@
+<template>
+    <div>
+        <div class="top">
+            <a-menu mode="horizontal" @click="navto">
+                <a-menu-item key="/index">
+                    <template #icon>
+                        <mail-outlined />
+                    </template>
+                    高考咨询
+                </a-menu-item>
+                <a-menu-item key="/major">
+                    <template #icon>
+                        <FileSearchOutlined />
+                    </template>
+                    查专业
+                </a-menu-item>
+                <a-menu-item key="/university">
+                    <template #icon>
+                        <AuditOutlined />>
+                    </template>
+                    找大学
+                </a-menu-item>
+                <a-menu-item key="/fillout">
+                    <template #icon>
+                        <EditOutlined />
+                    </template>
+                    志愿填报
+                </a-menu-item>
+            </a-menu>
+        </div>
+
+        <router-view></router-view>
+    </div>
+</template>
+<style lang="scss" scoped>
+.top {
+    position: sticky;
+    z-index: 999;
+    top: 0;
+}
+</style>
+<script setup lang="ts">
+import { MailOutlined, FileSearchOutlined, AuditOutlined, EditOutlined } from '@ant-design/icons-vue';
+import { ref } from 'vue';
+import { useRouter } from 'vue-router';
+const router = useRouter()
+
+function navto({ key }: { key: string }) {
+    console.log(key)
+    router.push({ path: key })
+}
+</script>