首页调整

wujingjing

2025-02-13 3c23cb74bc82280fb672445eb7b176b15c48c3ae

 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('');