feat: enhance user profile with detailed tags and asset evaluation

Optimize user detail page for asset assessment and tag info. #VERCEL_SKIP Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>
2025-08-21 05:32:37 +00:00
parent 9bb0ee2758
commit afc77439bb
25 changed files with 2421 additions and 1645 deletions
--- a/app/ClientLayout.tsx
+++ b/app/ClientLayout.tsx
@@ -5,9 +5,10 @@ import "./globals.css"
 import { Inter } from "next/font/google"
 import { useState, useEffect } from "react"
 import Sidebar from "./components/Sidebar"
-import MobileHeader from "./components/MobileHeader"
 import MobileSidebar from "./components/MobileSidebar"
-import BottomNav from "./components/BottomNav"
+import BottomTabs from "@/components/nav/bottom-tabs"
+import { usePathname } from "next/navigation"
+import { Toaster } from "@/components/ui/toaster"

 const inter = Inter({ subsets: ["latin"] })

@@ -18,6 +19,7 @@ export default function ClientLayout({
 }) {
  const [isMobile, setIsMobile] = useState(false)
  const [sidebarOpen, setSidebarOpen] = useState(false)
+  const pathname = usePathname()

  useEffect(() => {
    const checkMobile = () => {
@@ -33,7 +35,7 @@ export default function ClientLayout({
  return (
    <html lang="zh-CN">
      <head>
-        <title>用户数据资产中台</title>
+        <title>卡若数据资产中台</title>
        <meta name="description" content="基于苹果毛玻璃设计的用户数据资产中台" />
        <meta name="viewport" content="width=device-width, initial-scale=1, viewport-fit=cover" />
      </head>
@@ -47,7 +49,7 @@ export default function ClientLayout({
        </div>

        <div className="flex min-h-screen">
-          {/* 桌面端侧边栏 */}
+          {/* 桌面端侧边栏 - PC端不显示底部导航 */}
          {!isMobile && <Sidebar />}

          {/* 移动端侧边栏 */}
@@ -55,16 +57,21 @@ export default function ClientLayout({

          {/* 主内容区域 */}
          <main className={`flex-1 ${isMobile ? "pb-20" : "p-6"}`}>
-            {/* 移动端头部 */}
-            {isMobile && <MobileHeader onMenuToggle={() => setSidebarOpen(true)} />}
+            {/* 移动端头部 - 添加卡若数据资产中台标题 */}
+            {isMobile && (
+              <div className="sticky top-0 z-30 bg-white/90 backdrop-blur border-b px-4 py-3 mb-4">
+                <h1 className="text-lg font-semibold text-center">卡若数据资产中台</h1>
+              </div>
+            )}

            {/* 内容区域 */}
            <div className={`glass-card min-h-full ${isMobile ? "mx-2 mb-4" : ""}`}>{children}</div>
          </main>
        </div>

-        {/* 移动端底部导航 */}
-        {isMobile && <BottomNav />}
+        {/* 移动端底部导航 - 使用新的BottomTabs组件 */}
+        {isMobile && <BottomTabs />}
+        <Toaster />
      </body>
    </html>
  )