From 3c23cb74bc82280fb672445eb7b176b15c48c3ae Mon Sep 17 00:00:00 2001
From: wujingjing <gersonwu@qq.com>
Date: 星期四, 13 二月 2025 13:46:04 +0800
Subject: [PATCH] 首页调整
---
src/components/AppHeader.vue | 21 +++++++++++----------
1 files changed, 11 insertions(+), 10 deletions(-)
diff --git a/src/components/AppHeader.vue b/src/components/AppHeader.vue
index a6ce4b7..8bceb05 100644
--- a/src/components/AppHeader.vue
+++ b/src/components/AppHeader.vue
@@ -1,16 +1,17 @@
<template>
- <header class="bg-white shadow-sm">
- <div class="container mx-auto px-40">
- <div class="flex items-center justify-between h-16">
+ <header class="bg-white shadow-sm flex items-center">
+ <div class=" flex w-full">
+ <div class="flex items-center h-20 mx-auto">
<!-- Logo -->
- <div class="flex items-center">
+ <div class="flex items-center cursor-pointer">
<router-link to="/">
- <img src="/logo.svg" alt="Logo" class="h-8 w-auto" />
+ <img :src="headerLogo" alt="Logo" class="h-20 w-auto" />
</router-link>
+ <!-- <span class="text-extra-large font-bold">宸ヤ笟澶ф暟鎹钩鍙�</span> -->
</div>
<!-- Navigation Menu -->
- <nav class="flex-1 ml-8">
+ <nav class="flex ml-8">
<el-menu mode="horizontal" :ellipsis="false" class="border-none" router :default-active="activeRoute">
<el-menu-item index="/" class="!px-4">棣栭〉</el-menu-item>
<el-menu-item index="/industrial-software" class="!px-4">宸ヤ笟杞欢|宸ヤ笟APP</el-menu-item>
@@ -21,14 +22,14 @@
</nav>
<!-- Search and User Actions -->
- <div class="flex items-center space-x-4">
- <el-input v-model="searchQuery" placeholder="鎵惧伐涓�/鎵惧ぇ鏁版嵁" class="w-48">
+ <div class="flex items-center space-x-8 ml-[65px]">
+ <el-input v-model="searchQuery" placeholder="鎵惧伐涓�/鎵惧ぇ鏁版嵁" class="w-48 ">
<template #suffix>
<el-icon><Search /></el-icon>
</template>
</el-input>
- <div class="flex items-center text-gray-600 text-sm">
+ <div class="flex items-center text-gray-600 text-sm text-nowrap ">
<a href="#" class="hover:text-blue-500">娉ㄥ唽</a>
<span class="mx-2">路</span>
<a href="#" class="hover:text-blue-500">鐧诲綍</a>
@@ -43,7 +44,7 @@
import { ref, computed } from 'vue';
import { useRoute } from 'vue-router';
import { Search } from '@element-plus/icons-vue';
-
+import headerLogo from '@/assets/logo/header_logo.png';
const route = useRoute();
const searchQuery = ref('');
--
Gitblit v1.9.3