refactor: streamline mobile interface for data analysis focus

Remove settings, optimize mobile layout, highlight data analysis features
Use generic company names, simulate today's timeline, responsive design

Co-authored-by: null <4804959+fnvtk@users.noreply.github.com>
This commit is contained in:
v0
2025-07-19 02:17:17 +00:00
parent 2408d50cb0
commit ea95107713
8 changed files with 1072 additions and 578 deletions

View File

@@ -2,14 +2,13 @@
import Link from "next/link"
import { usePathname } from "next/navigation"
import { Home, Users, BarChart3, Database, Settings } from "lucide-react"
import { Home, Users, Target, Database } from "lucide-react"
const navItems = [
{ href: "/", icon: Home, label: "首页" },
{ href: "/", icon: Home, label: "概览" },
{ href: "/data-integration", icon: Database, label: "数据集成" },
{ href: "/user-portrait", icon: Users, label: "用户画像" },
{ href: "/user-value", icon: BarChart3, label: "用户估值" },
{ href: "/data-platform", icon: Database, label: "数据中台" },
{ href: "/settings", icon: Settings, label: "设置" },
{ href: "/user-value", icon: Target, label: "价值评估" },
]
export default function BottomNav() {
@@ -25,11 +24,11 @@ export default function BottomNav() {
<Link
key={item.href}
href={item.href}
className={`flex flex-col items-center justify-center px-3 py-2 rounded-xl transition-all duration-300 min-w-0 flex-1 ${
className={`flex flex-col items-center justify-center px-2 py-2 rounded-xl transition-all duration-300 min-w-0 flex-1 ${
isActive ? "glass-heavy text-blue-600 scale-105" : "text-gray-600 hover:glass-light hover:text-blue-500"
}`}
>
<item.icon className={`h-5 w-5 mb-1 ${isActive ? "text-blue-600" : ""}`} />
<item.icon className={`h-4 w-4 mb-1 ${isActive ? "text-blue-600" : ""}`} />
<span className="text-xs font-medium truncate">{item.label}</span>
</Link>
)