个人中心部分文件夹迁移到(has-dashboard)文件内

src/app/(public)/customer/account/page.tsx

@@ -34,7 +34,8 @@ const orderNavs = [
 const MyAccountPage = () => {
   
   return (
-    <div className="min-h-screen bg-white pt-2 px-2">
+    <div className="min-h-screen bg-white  ">
+      <h1 className="font-normal text-2xl leading-ly-28 mb-6">My Account</h1>
       <AccountHeader />
       {/* 我的订单 */}
       <div className="">

src/app/(public)/customer/(has-dashboard)/layout.tsx

@@ -0,0 +1,47 @@
+import CustomerSidebar from "../_components/CustomerSidebar";
+
+
+export default function CustomerLayout({
+  children,
+}: {
+  children: React.ReactNode;
+}) {
+
+
+  return (
+    <div
+      className="
+        mx-auto
+        flex
+        max-w-[1200px]
+        gap-[64px]
+        py-10
+      "
+    >
+
+      {/* 左侧 */}
+      <aside
+        className="
+          w-[320px]
+          shrink-0
+        "
+      >
+        <h1 className="font-normal text-2xl leading-ly-28 mb-6">My Dashboard</h1>
+        <CustomerSidebar />
+      </aside>
+
+
+      {/* 右侧 */}
+      <main
+        className="
+          min-w-0
+          flex-1
+        "
+      >
+        {children}
+      </main>
+
+
+    </div>
+  );
+}

src/app/(public)/customer/_components/CustomerSidebar.tsx

@@ -0,0 +1,89 @@
+"use client";
+
+import Link from "next/link";
+import { usePathname } from "next/navigation";
+
+const menus = [
+  {
+    name: "My Account",
+    path: "/customer/account",
+  },
+  {
+    name: "My Address",
+    path: "/customer/address",
+  },
+  {
+    name: "My Orders",
+    path: "/customer/order",
+  },
+  {
+    name: "My Profile",
+    path: "/customer/profile",
+  },
+  {
+    name: "VIP Exclusive",
+  },
+  {
+    name: "My Product Reviews",
+  },
+  {
+    name: "Service",
+  },
+  {
+    name: "Wishlist",
+  },
+  {
+    name: "Sign Out",
+  },
+];
+
+export default function CustomerSidebar() {
+  const pathname = usePathname();
+
+  return (
+    <div
+      className="
+ bg-white
+ shadow-[0_2px_12px_rgba(0,0,0,.08)]
+ py-3
+ "
+    >
+      {menus.map((item) => {
+        const active = pathname === item.path;
+
+        return (
+          <Link
+            key={item.name}
+            href={item.path || "#"}
+            className={`
+ relative
+ flex
+ h-[55px]
+ items-center
+ px-8
+ text-[16px]
+
+ ${active ? "bg-[#EEFAF6] text-[#036141] font-semibold" : "text-[#111]"}
+
+ `}
+          >
+            {item.name}
+
+            {active && (
+              <span
+                className="
+ absolute
+ right-0
+ top-0
+ h-full
+ w-[3px]
+ bg-[#036141]
+ "
+              />
+            )}
+          </Link>
+        );
+      })}
+    </div>
+  );
+}

src/components/customer/SettingModal.tsx

@@ -8,7 +8,7 @@ import { useCustomToast } from '@/utils/hooks/useToast';
 import { useAppDispatch } from "@/store/hooks";
 import { clearCart } from "@/store/slices/cart-slice";
 import { overlayLoading } from "@/components/theme/ui/kernel/loading/api";
-import HelpModal from "../../app/(public)/customer/account/_components/HelpModal";
+import HelpModal from "../../app/(public)/customer/(has-dashboard)/account/_components/HelpModal";
 export default function SettingModal({
   visible,
   onClose,