修复 首页组件遮罩层级

components/layout/H5TopBar.tsx

@@ -278,10 +278,8 @@ export default function H5TopBar({ onSelectHomeTab }: H5TopBarProps) {
                         title={null}
                         closable
                         height={undefined}
-                        bodyStyle={{ padding: 0 }}
                         maskClosable
                         // 64px 顶栏高度 + 8px 安全间距
-                        maskStyle={{ position: 'absolute', top: '3.5rem', height: 'calc(100dvh - 3.5rem)', backgroundColor: 'transparent' }}
                         styles={{
                           content: { position: 'absolute', top: '3.5rem', height: isHome ? 'auto' : 'calc(100dvh - 3.5rem)' },
                           body: { padding: 0 },

components/pages/home-page2.tsx

@@ -836,7 +836,7 @@ function HomeModule3() {
         >
           {/* 上方阴影遮罩 */}
           <div
-            className="absolute -top-[1rem] -left-0 w-full h-[20rem] z-20 pointer-events-none"
+            className="absolute -top-[1rem] -left-0 w-full h-[20rem] z-10 pointer-events-none"
             style={{
               backdropFilter: "blur(12px)",
               WebkitBackdropFilter: "blur(12px)",
@@ -849,7 +849,7 @@ function HomeModule3() {
 
           {/* 下方阴影遮罩 */}
           <div
-            className="absolute -bottom-[1rem] -left-0 w-full h-[20rem] z-20 pointer-events-none"
+            className="absolute -bottom-[1rem] -left-0 w-full h-[20rem] z-10 pointer-events-none"
             style={{
               backdropFilter: "blur(12px)",
               WebkitBackdropFilter: "blur(12px)",
@@ -861,7 +861,7 @@ function HomeModule3() {
           ></div>
 
           {pcVideoList.map((column, columnIndex) => (
-            <div key={columnIndex} className="w-full h-[64rem] relative z-10">
+            <div key={columnIndex} className="w-full h-[64rem] relative">
               <Swiper
                 modules={[Autoplay]}
                 direction="vertical"

package.json

@@ -14,11 +14,7 @@
     "@dnd-kit/core": "^6.3.1",
     "@dnd-kit/sortable": "^10.0.0",
     "@dnd-kit/utilities": "^3.2.2",
-    "@floating-ui/react": "^0.27.15",
-    "@formatjs/intl-localematcher": "^0.6.1",
-    "@hookform/resolvers": "^3.9.0",
     "@mdx-js/mdx": "^3.1.0",
-    "@next/swc-wasm-nodejs": "14.2.10",
     "@radix-ui/react-accordion": "^1.2.0",
     "@radix-ui/react-alert-dialog": "^1.1.1",
     "@radix-ui/react-aspect-ratio": "^1.1.0",
@@ -33,7 +29,6 @@
     "@radix-ui/react-menubar": "^1.1.1",
     "@radix-ui/react-navigation-menu": "^1.2.0",
     "@radix-ui/react-popover": "^1.1.1",
-    "@radix-ui/react-progress": "^1.1.7",
     "@radix-ui/react-radio-group": "^1.2.0",
     "@radix-ui/react-scroll-area": "^1.1.0",
     "@radix-ui/react-select": "^2.2.5",
@@ -42,13 +37,10 @@
     "@radix-ui/react-slot": "^1.2.3",
     "@radix-ui/react-switch": "^1.1.0",
     "@radix-ui/react-tabs": "^1.1.0",
-    "@radix-ui/react-toast": "^1.2.1",
     "@radix-ui/react-toggle": "^1.1.0",
     "@radix-ui/react-toggle-group": "^1.1.0",
     "@radix-ui/react-tooltip": "^1.1.2",
     "@reduxjs/toolkit": "^2.8.2",
-    "@tensorflow-models/coco-ssd": "^2.2.3",
-    "@tensorflow/tfjs": "^4.22.0",
     "@tiptap/core": "^3.0.7",
     "@tiptap/extension-placeholder": "^3.0.9",
     "@tiptap/react": "^3.0.7",
@@ -56,15 +48,12 @@
     "@types/gsap": "^1.20.2",
     "@types/node": "20.6.2",
     "@types/react": "18.2.25",
-    "@types/react-beautiful-dnd": "^13.1.8",
     "@types/react-dom": "18.2.15",
     "@types/styled-components": "^5.1.34",
-    "@types/three": "^0.177.0",
     "@types/wavesurfer.js": "^6.0.12",
     "antd": "^5.26.2",
     "autoprefixer": "10.4.15",
     "axios": "^1.10.0",
-    "babel-loader": "^10.0.0",
     "class-variance-authority": "^0.7.1",
     "clsx": "^2.1.1",
     "cmdk": "^1.0.0",
@@ -80,47 +69,31 @@
     "mdast-util-from-markdown": "^2.0.2",
     "mdast-util-mdx": "^3.0.0",
     "micromark-extension-mdxjs": "^3.0.0",
-    "motion": "^12.18.1",
-    "negotiator": "^1.0.0",
     "next": "14.2.10",
     "next-themes": "^0.3.0",
-    "postcss": "8.4.31",
     "react": "18.2.0",
-    "react-beautiful-dnd": "^13.1.1",
     "react-contenteditable": "^3.3.7",
     "react-day-picker": "^8.10.1",
     "react-dom": "18.2.0",
-    "react-grid-layout": "^1.5.1",
     "react-hook-form": "^7.53.0",
-    "react-intersection-observer": "^9.16.0",
-    "react-joyride": "^2.9.3",
     "react-lazyload": "^3.2.1",
-    "react-markdown": "^10.1.0",
     "react-masonry-css": "^1.0.16",
     "react-redux": "^9.2.0",
-    "react-resizable": "^3.0.5",
     "react-resizable-panels": "^2.1.3",
-    "react-rough-notation": "^1.0.5",
-    "react-textarea-autosize": "^8.5.9",
-    "react-wavesurfer.js": "^0.0.8",
     "recharts": "^2.15.4",
-    "remark-gfm": "^4.0.1",
     "sonner": "^1.5.0",
     "styled-components": "^6.1.19",
     "swiper": "^11.2.10",
     "tailwind-merge": "^2.6.0",
     "tailwindcss": "3.3.3",
     "tailwindcss-animate": "^1.0.7",
-    "three": "^0.177.0",
     "typescript": "5.2.2",
     "vaul": "^0.9.9",
-    "wavesurfer.js": "^7.10.1",
+    "wavesurfer.js": "^7.10.1"
-    "zod": "^3.23.8"
   },
   "devDependencies": {
     "@types/jest": "^29.5.12",
     "@types/lodash": "^4.17.19",
-    "@types/react-grid-layout": "^1.3.5",
     "jest": "^29.7.0",
     "ts-jest": "^29.1.2"
   }