新增

2026-03-01 14:17:59 +08:00
parent 65aa12f146
commit a07e844c47
6071 changed files with 777651 additions and 0 deletions
@@ -0,0 +1,44 @@
+<template>
+    <header class="layout-header text-white bg-primary">
+        <div class="header-contain">
+            <Logo class="flex-none mr-4" />
+            <Navbar class="w-[600px]" />
+            <div class="flex-1"></div>
+            <Search class="mr-[40px] flex-none" />
+            <User class="flex-none" />
+        </div>
+    </header>
+</template>
+<script lang="ts" setup>
+import User from './user.vue'
+import Search from './search.vue'
+import Logo from './logo.vue'
+import Navbar from './navbar.vue'
+</script>
+
+<style lang="scss" scoped>
+.layout-header {
+    height: var(--header-height);
+    border-bottom: 1px solid var(--el-border-color-extra-light);
+    position: sticky;
+    top: 0;
+    width: 100%;
+    z-index: 1999;
+    .header-contain {
+        height: 100%;
+        display: flex;
+        align-items: center;
+        max-width: 1200px;
+        margin: 0 auto;
+        .navbar {
+            --el-menu-item-font-size: var(--el-font-size-large);
+            --el-menu-bg-color: var(--el-color-primary);
+            --el-menu-active-color: var(--color-white);
+            --el-menu-text-color: var(--color-white);
+            --el-menu-item-hover-fill: var(--el-color-primary);
+            --el-menu-hover-text-color: var(--color-white);
+            --el-menu-hover-bg-color: var(--el-color-primary);
+        }
+    }
+}
+</style>