diff --git a/components/AppHeader.vue b/components/AppHeader.vue index f7f9b90..94f51ea 100644 --- a/components/AppHeader.vue +++ b/components/AppHeader.vue @@ -3,7 +3,7 @@
- +
企业首页 @@ -59,7 +59,7 @@ console.log(route) @import '@/assets/index.css'; .box_1 { - justify-content: space-between; + justify-content: center; padding: 0 20px; align-items: center; position: relative; @@ -78,7 +78,7 @@ console.log(route) .mobile-menu-btn { display: none; cursor: pointer; - + @media (max-width: 768px) { display: block; } @@ -88,7 +88,7 @@ console.log(route) width: 30px; height: 24px; position: relative; - + span { display: block; position: absolute; @@ -97,21 +97,31 @@ console.log(route) background: #000; border-radius: 3px; transition: all 0.3s ease; - - &:nth-child(1) { top: 0; } - &:nth-child(2) { top: 10px; } - &:nth-child(3) { top: 20px; } + + &:nth-child(1) { + top: 0; + } + + &:nth-child(2) { + top: 10px; + } + + &:nth-child(3) { + top: 20px; + } } - + &.is-active { span { &:nth-child(1) { transform: rotate(45deg); top: 10px; } + &:nth-child(2) { opacity: 0; } + &:nth-child(3) { transform: rotate(-45deg); top: 10px; @@ -131,23 +141,28 @@ console.log(route) padding: 20px; box-shadow: 0 4px 6px rgba(0, 0, 0, 0.1); z-index: 100; - + @media (max-width: 768px) { display: flex; } - + .mobile-nav-item { padding: 15px 0; border-bottom: 1px solid #eee; cursor: pointer; - + &:last-child { border-bottom: none; } - + &:hover { color: #666; } } } + +.desktop-nav span:hover { + cursor: pointer; + color: #fff; +} diff --git a/nuxt.config.ts b/nuxt.config.ts index 6b93d47..104fa22 100644 --- a/nuxt.config.ts +++ b/nuxt.config.ts @@ -3,7 +3,7 @@ import { defineNuxtConfig } from 'nuxt/config' export default defineNuxtConfig({ app: { - baseURL:'/web/', + baseURL:'/', }, nitro: { routeRules: { diff --git a/pages/index.vue b/pages/index.vue index de27618..200c267 100644 --- a/pages/index.vue +++ b/pages/index.vue @@ -234,6 +234,7 @@ 2025-06-24
+
@@ -464,5 +465,4 @@ const animate = () => { transition: 6s linear; transform: scale(1, 1); } -