@Entry
@Component
struct Index { ... }

@Component
struct Index { ... }

@State currentDayIndex: number = 0
@State courseData: CourseDay[] = []
@State isShowDeleteDialog: boolean = false
@State deletingCourse: CourseItem | null = null

@Builder buildWeekNavigation() { ... }
@Builder buildCourseList() { ... }
@Builder buildCourseItem(course: CourseItem, index: number) { ... }

aboutToAppear() {
  this.initCourseData()
}

Column() {
  // 子组件从上到下排列
  Text('标题')
  Text('内容')
}
.width('100%')
.height('100%')
.backgroundColor('#F5F5F5')
.padding(16)
.justifyContent(FlexAlign.Center)
.alignItems(HorizontalAlign.Center)

Row() {
  // 子组件从左到右排列
  Text('左')
  Text('右')
}

Scroll() {
  Row() { ... }
}
.scrollable(ScrollDirection.Horizontal)

List({ space: 10 }) {
  ForEach(this.data, (item: CourseItem, index: number) => {
    ListItem() {
      this.buildCourseItem(item, index)
    }
  }, (item: CourseItem) => item.id)
}
.layoutWeight(1)

Text('我的课程表')
  .fontSize(24)
  .fontWeight(FontWeight.Bold)  // 或 900
  .fontColor('#000000')
  .margin({ top: 20, bottom: 10 })

ForEach(
  arr,                    // 数据源数组
  (item, index) => { ... },  // 渲染函数
  (item) => item.id          // 键值生成器（可选但推荐）
)

ForEach(this.courseData, (dayItem: CourseDay, index: number) => {
  Column() { ... }
})

ForEach(this.courseData[this.currentDayIndex].courses, (course: CourseItem, index: number) => {
  ListItem() { ... }
}, (course: CourseItem) => course.id)

Column() {
  if (this.courseData[this.currentDayIndex].courses.length > 0) {
    List({ space: 10 }) { ... }
  } else {
    Column() {
      Text('📚')
      Text('今天没有课程，好好休息吧！')
    }
  }
}

.shadow({
  radius: 2,          // 模糊半径
  color: '#1A000000',  // 阴影颜色（带透明度）
  offsetX: 0,          // X 轴偏移
  offsetY: 1           // Y 轴偏移
})

.onClick(() => {
  this.currentDayIndex = index
})

.gesture(
  PanGesture({
    direction: PanDirection.Left,  // 方向：左滑
    distance: 50                   // 滑动距离阈值（vp）
  })
    .onActionEnd(() => {
      this.deletingCourse = course
      this.showDeleteConfirm()
    })
)

AlertDialog.show({
  title: course.name,
  message: `⏰ 时间: ${course.time}\n🏫 教室: ${course.classroom}\n👨‍🏫 教师: ${course.teacher}`,
  confirm: {
    value: '确定',
    action: () => {}
  },
  alignment: DialogAlignment.Center
})

AlertDialog.show({
  title: '删除课程',
  message: `确定要删除"${this.deletingCourse.name}"课程吗？`,
  primaryButton: {
    value: '取消',
    action: () => { this.deletingCourse = null }
  },
  secondaryButton: {
    value: '删除',
    action: () => { this.deleteCourse() }
  },
  alignment: DialogAlignment.Center
})

class CourseDay {
  day: string = ''
  date: string = ''
  courses: CourseItem[] = []
}

class CourseItem {
  id: string = ''
  name: string = ''
  time: string = ''
  classroom: string = ''
  teacher: string = ''
}

@State currentDayIndex: number = 0
@State courseData: CourseDay[] = []
@State deletingCourse: CourseItem | null = null

`⏰ 时间: ${course.time}\n🏫 教室: ${course.classroom}\n👨‍🏫 教师: ${course.teacher}`

course.time.split('-')[0]   // "08:00-09:40" → "08:00"
course.time.split('-')[1]   // "08:00-09:40" → "09:40"

// findIndex — 查找元素索引
const index = currentDayCourses.findIndex(course => course.id === this.deletingCourse!.id)

// splice — 删除元素
this.courseData[this.currentDayIndex].courses.splice(index, 1)

// JSON 深拷贝 — 触发 UI 更新
this.courseData = JSON.parse(JSON.stringify(this.courseData))

this.deletingCourse!.id

() => { this.currentDayIndex = index }
(course: CourseItem) => course.id
(dayItem: CourseDay, index: number) => { ... }

index === this.currentDayIndex ? '#FFFFFF' : '#666666'

@Entry @Component struct Index
├── @State 状态变量 × 4
├── aboutToAppear()          ← 生命周期，调用 initCourseData
├── initCourseData()         ← 初始化 7 天课程数据
├── build()                  ← 主界面
│   ├── Text("我的课程表")    ← 标题
│   ├── buildWeekNavigation() ← @Builder 星期导航
│   │   ├── Scroll           ← 水平滚动容器
│   │   ├── Row              ← 水平布局
│   │   └── ForEach          ← 遍历 courseData
│   │       └── Column       ← 每个星期项
│   │           ├── Text(day)  ← 星期几
│   │           ├── Text(date) ← 日期
│   │           └── onClick    ← 切换选中
│   └── buildCourseList()    ← @Builder 课程列表
│       ├── if (有课程)
│       │   ├── List         ← 列表容器
│       │   └── ForEach      ← 遍历当天课程
│       │       └── ListItem
│       │           └── buildCourseItem()
│       └── else (无课程)
│           └── 空状态提示
├── buildCourseItem()        ← @Builder 单个课程项
│   ├── Row
│   │   ├── Column (时间标签)
│   │   │   ├── Text(开始时间)
│   │   │   ├── Text(|)
│   │   │   └── Text(结束时间)
│   │   └── Column (课程信息)
│   │       ├── Text(课程名称)
│   │       └── Text(教室 | 教师)
│   ├── PanGesture           ← 左滑删除手势
│   └── onClick              ← 点击查看详情
├── showCourseDetail()       ← 课程详情 AlertDialog
├── showDeleteConfirm()      ← 删除确认 AlertDialog
└── deleteCourse()           ← 删除课程并更新 UI

class CourseDay              ← 数据模型：一天
├── day: string
├── date: string
└── courses: CourseItem[]

class CourseItem             ← 数据模型：一门课
├── id: string
├── name: string
├── time: string
├── classroom: string
└── teacher: string