fix page style

src/components/customHeader/size1440/index.vue

@@ -9,13 +9,15 @@
         <NImage width="100" height="100" :src="FiEELogo" preview-disabled />
       </div>
       <div class="header-menu">
-        <NMenu
-          mode="horizontal"
-          :options="menuOptions"
-          :inverted="isScrolled"
-          v-model:value="selectedKey"
-          @update:value="handleMenuSelect"
-        />
+        <NConfigProvider :theme-overrides="themeOverrides">
+          <NMenu
+            mode="horizontal"
+            :options="menuOptions"
+            :inverted="isScrolled"
+            v-model:value="selectedKey"
+            @update:value="handleMenuSelect"
+          />
+        </NConfigProvider>
       </div>
     </div>
   </NLayoutHeader>
@@ -24,11 +26,31 @@
 <script setup>
 import FiEELogo from "@/assets/image/header/logo.png";
 import { ref, onMounted, onUnmounted } from "vue";
-import { NMenu, NLayoutHeader, NImage } from "naive-ui";
+import { NMenu, NLayoutHeader, NImage, NConfigProvider } from "naive-ui";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { useHeaderMenuConfig } from "@/config/headerMenuConfig";
 
+const themeOverrides = {
+  Menu: {
+    // itemTextColor: "#ff7bac", // 默认文本颜色
+    // 水平模式专用文本颜色（这些才会在水平模式下生效）
+    // itemTextColorHorizontal: "#ff7bac", // 水平模式默认文本颜色
+    itemTextColorHoverHorizontal: "#ff7bac", // 水平模式悬停文本颜色
+    itemTextColorActiveHorizontal: "#ff7bac", // 水平模式激活文本颜色
+    itemTextColorActiveHoverHorizontal: "#ff7bac", // 水平模式激活悬停文本颜色
+
+    itemColorHover: "#ff7bac",
+    itemColorHoverInverted: "#ff7bac",
+  },
+
+  // 关键：子菜单的悬停背景色在这里配置！
+  Dropdown: {
+    optionColorHover: "#fddfea", // 子菜单悬停背景色
+    optionColorHoverInverted: "#fddfea", // 反转主题下的子菜单悬停背景色
+  },
+};
+
 const { t } = useI18n();
 const router = useRouter();
 
@@ -122,6 +144,12 @@ const handleToHome = () => {
 .header-menu {
   display: block;
   flex: 1;
+  // :deep(
+  //     .n-menu-item-content:not(.n-menu-item-content--disabled):hover
+  //       .n-menu-item-content-header
+  //   ) {
+  //   color: #ff7bac;
+  // }
 
   :deep(.n-menu) {
     background: transparent;
@@ -145,7 +173,7 @@ const handleToHome = () => {
       left: 50%;
       width: 0;
       height: 2px;
-      background: var(--primary-color);
+      background: #ff7bac;
       transition: all 0.3s ease;
       transform: translateX(-50%);
       opacity: 0;

src/components/customHeader/size1920/index.vue

@@ -9,13 +9,15 @@
         <NImage width="90" height="90" :src="FiEELogo" preview-disabled />
       </div>
       <div class="header-menu">
-        <NMenu
-          mode="horizontal"
-          :options="menuOptions"
-          :inverted="isScrolled"
-          v-model:value="selectedKey"
-          @update:value="handleMenuSelect"
-        />
+        <NConfigProvider :theme-overrides="themeOverrides">
+          <NMenu
+            mode="horizontal"
+            :options="menuOptions"
+            :inverted="isScrolled"
+            v-model:value="selectedKey"
+            @update:value="handleMenuSelect"
+          />
+        </NConfigProvider>
       </div>
     </div>
   </NLayoutHeader>
@@ -24,11 +26,30 @@
 <script setup>
 import FiEELogo from "@/assets/image/header/logo.png";
 import { ref, onMounted, onUnmounted } from "vue";
-import { NMenu, NLayoutHeader, NImage } from "naive-ui";
+import { NMenu, NLayoutHeader, NImage, NConfigProvider } from "naive-ui";
 import { useI18n } from "vue-i18n";
 import { useRouter } from "vue-router";
 import { useHeaderMenuConfig } from "@/config/headerMenuConfig";
 
+const themeOverrides = {
+  Menu: {
+    // itemTextColor: "#ff7bac", // 默认文本颜色
+    // 水平模式专用文本颜色（这些才会在水平模式下生效）
+    // itemTextColorHorizontal: "#ff7bac", // 水平模式默认文本颜色
+    itemTextColorHoverHorizontal: "#ff7bac", // 水平模式悬停文本颜色
+    itemTextColorActiveHorizontal: "#ff7bac", // 水平模式激活文本颜色
+    itemTextColorActiveHoverHorizontal: "#ff7bac", // 水平模式激活悬停文本颜色
+
+    itemColorHover: "#ff7bac",
+    itemColorHoverInverted: "#ff7bac",
+  },
+
+  // 关键：子菜单的悬停背景色在这里配置！
+  Dropdown: {
+    optionColorHover: "#fddfea", // 子菜单悬停背景色
+    optionColorHoverInverted: "#fddfea", // 反转主题下的子菜单悬停背景色
+  },
+};
 const { t } = useI18n();
 const router = useRouter();
 
@@ -145,7 +166,7 @@ const handleToHome = () => {
       left: 50%;
       width: 0;
       height: 2px;
-      background: var(--primary-color);
+      background: #ff7bac;
       transition: all 0.3s ease;
       transform: translateX(-50%);
       opacity: 0;

src/views/companyoverview/size768/index.vue

@@ -192,8 +192,8 @@ const stats = ref([
   background-repeat: no-repeat;
 }
 .company-overview {
+  max-width: 1200px;
   margin: 0 auto;
-  /* padding: 0 20px; */
 }
 
 /* 顶部大图区域 */

update.md

@@ -1,4 +0,0 @@
-# 功能
-* 渐变三色
-* n-menu修改背景色
-* 背景图唯一