生产管理系统前端暗色切换调试按钮

2025-10-23 11:37:12 +08:00
parent 28229ce795
commit f93f9e4d88
3 changed files with 66 additions and 9 deletions
--- a/crop-x/src/app/layout.tsx
+++ b/crop-x/src/app/layout.tsx
@@ -1,6 +1,7 @@
 import {Navbar1} from "@/components/layouts/Navbar"
 import {SideBarOld} from '@/components/layouts/SideBar/SideBarOld'
 import '@/styles/globals.css'
+import { ThemeProvider } from 'next-themes'

 const centralConfigData = {
  navMain: [
@@ -138,16 +139,23 @@ export default function RootLayout({
  children: React.ReactNode
 }) {
  return (
-    <html lang="zh-CN">
-      <body>
-        <div className="bodyFlexUpDown">
-          <Navbar1 />
-          <div className="bodySon2">
-            <SideBarOld data={centralConfigData}>
-              {children}
-            </SideBarOld>
+    <html lang="zh-CN" suppressHydrationWarning>
+      <body suppressHydrationWarning>
+        <ThemeProvider
+          attribute="class"
+          defaultTheme="system"
+          enableSystem
+          disableTransitionOnChange
+        >
+          <div className="bodyFlexUpDown">
+            <Navbar1 />
+            <div className="bodySon2">
+              <SideBarOld data={centralConfigData}>
+                {children}
+              </SideBarOld>
+            </div>
          </div>
-        </div>
+        </ThemeProvider>
      </body>
    </html>
  )