"use client"; import { X, ChevronDown, Home, Grid3X3, Gift, BookOpen, User } from "lucide-react"; import { Button, buttonVariants } from "@/components/ui/button"; import { Card, CardContent } from "@/components/ui/card"; import { cn } from "@/lib/utils"; import Link from "next/link"; // 课程数据 const courses = [ { id: 1, title: "2021年二级建造师《建筑工程管理与实务》精讲课", progress: 17, }, { id: 2, title: "2021年二级建造师《建筑工程管理与实务》精讲课", progress: 17, }, { id: 3, title: "2021年二级建造师《建筑工程管理与实务》精讲课", progress: 17, }, { id: 4, title: "2021年二级建造师《建筑工程管理与实务》精讲课", progress: 45, }, { id: 5, title: "2021年二级建造师《建筑工程管理与实务》精讲课", progress: 82, }, ]; // 底部导航项 const navItems = [ { icon: Home, label: "首页", href: "/" }, { icon: Grid3X3, label: "分类", href: "/category" }, { icon: Gift, label: "活动", href: "/activity" }, { icon: BookOpen, label: "学习", href: "/study", active: true }, { icon: User, label: "我的", href: "/profile" }, ]; export default function StudyPage() { return (
{/* 顶部导航 */}

学习

{/* 筛选区域 */}
学习轨迹
{/* 课程列表 */}
{courses.map((course) => ( {/* 课程标题 */}

{course.title}

{/* 进度条 */}
学习进度{course.progress}%
{/* 前往学习按钮 */} 前往学习 ))}
{/* 底部导航 */}
); }