优化

src/app/[locale]/(ordinary)/profile/page.tsx

@@ -5,13 +5,14 @@ import { useGlobalStore } from "@/stores";
 import clsx from "clsx";
 import { useTranslations } from "next-intl";
 import { FC, useEffect, useState } from "react";
-import ItemCom from "./component/ItemCom";
-import MaskCom from "./component/MaskCom";
-import ModalCom from "./component/ModalCom";
+import dynamic from "next/dynamic";
 import "./page.scss";
 
 interface Props {}
 
+const ItemCom = dynamic(() => import('./component/ItemCom'));
+const MaskCom = dynamic(() => import('./component/MaskCom'));
+const ModalCom = dynamic(() => import('./component/ModalCom'));
 const Profile: FC<Props> = () => {
     const t = useTranslations("ProfilePage");
 

src/components/Footer/style.scss

@@ -13,6 +13,7 @@
 
     li {
       position: relative;
+      z-index: 10;
       width: 20%;
       display: flex;
       flex-direction: column;