
-
+
企业首页
@@ -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);
}
-