b60edb3d47
主要更新: 1. 按H5网页端完全重构匹配功能(match页面) - 4种匹配类型: 创业合伙/资源对接/导师顾问/团队招募 - 资源对接等类型弹出手机号/微信号输入框 - 去掉重新匹配按钮，改为返回按钮 2. 修复所有卡片对齐和宽度问题 - 目录页附录卡片居中 - 首页阅读进度卡片满宽度 - 我的页面菜单卡片对齐 - 推广中心分享卡片统一宽度 3. 修复目录页图标和文字对齐 - section-icon固定40rpx宽高 - section-title与图标垂直居中 4. 更新真实完整文章标题(62篇) - 从book目录读取真实markdown文件名 - 替换之前的简化标题 5. 新增文章数据API - /api/db/chapters - 获取完整书籍结构 - 支持按ID获取单篇文章内容
48 lines
1.5 KiB
TypeScript
48 lines
1.5 KiB
TypeScript
"use client"
|
|
|
|
import Link from "next/link"
|
|
import { usePathname } from "next/navigation"
|
|
import { Home, Users, User } from "lucide-react"
|
|
|
|
export function BottomNav() {
|
|
const pathname = usePathname()
|
|
|
|
// 管理后台不显示底部导航
|
|
if (pathname.startsWith("/admin")) return null
|
|
|
|
const navItems = [
|
|
{ href: "/", icon: Home, label: "首页", id: "home" },
|
|
{ href: "/match", icon: Users, label: "找伙伴", id: "match" },
|
|
{ href: "/my", icon: User, label: "我的", id: "my" },
|
|
]
|
|
|
|
const isActive = (href: string) => {
|
|
if (href === "/") return pathname === "/"
|
|
return pathname.startsWith(href)
|
|
}
|
|
|
|
return (
|
|
<nav className="fixed bottom-0 left-0 right-0 z-50 bg-[#0a0a0a]/95 backdrop-blur-xl border-t border-white/5 safe-area-bottom">
|
|
<div className="flex items-center justify-around h-16 max-w-lg mx-auto">
|
|
{navItems.map((item) => {
|
|
const active = isActive(item.href)
|
|
const Icon = item.icon
|
|
|
|
return (
|
|
<Link
|
|
key={item.id}
|
|
href={item.href}
|
|
className={`flex flex-col items-center justify-center w-20 h-full transition-colors ${
|
|
active ? "text-[#ff3b5c]" : "text-white/40"
|
|
}`}
|
|
>
|
|
<Icon className={`w-6 h-6 mb-1 ${active ? "stroke-[2.5]" : ""}`} />
|
|
<span className="text-xs font-medium">{item.label}</span>
|
|
</Link>
|
|
)
|
|
})}
|
|
</div>
|
|
</nav>
|
|
)
|
|
}
|