问题是什么
课程详情页的目录模块之前是双列布局，表面好看，但有两个问题：
- 章节顺序在双列之间会有跳跃，不符合从上往下阅读的直觉
- 有时候"第 N 讲"的名字里本身不带序号，目录里看不出来"我看的这一讲是第几讲"
做了什么
- 布局改为单列：所有章节从上到下排成一列，顺序就是实际的课程顺序
- 按 sort 自然排序：使用课程配置里的 sort 字段排序，避免因为命名规则或者数据库默认排序导致的错乱
- 加上"第 N 讲"前缀：每一讲自动加上
第 N 讲 · 原标题的前缀，用户视觉上一眼能对到"这是第几讲" - 保留辅助信息：免费试看标记、时长、是否可学习的状态不变
用户会感受到的变化
- 打开课程详情页查目录时，顺序是线性的，跟老师的实际讲解顺序一致
- 在评估"我学到哪了"时，能直接对到"第 N 讲"这个坐标
- 无论是在手机还是电脑上看，信息密度都是对的
相关范围
- 官网：所有课程详情页的目录模块
这条记录的发布时间
以相关 git 提交的时间为准：2026-04-22 22:46:55。