# 反比例图像（曲线）与正比例图像对比｜AI开发补充说明

## 1. 基本信息
- 序号：04-04-KP2
- 单元：正比例与反比例
- 所属课题：反比例
- 开发优先级：P1-次优先

## 2. 这份文档的用途
这份文档不是替代需求文档、页面说明、开发文档，而是补给开发型 AI 的开工说明。
你应当把它和原有三件套一起看，再直接在 edunav.cn 现有项目里开做。

## 3. 开发通用要求
基于 edunav.cn 现有项目直接开发，不要新建独立项目。一个知识点只做一个模块，模块需要有独立 UI，但整体风格、路由、组件复用、代码组织必须服从现有站点。先看项目现有目录、组件、样式、依赖和交互写法，优先复用，不要破坏已有页面与功能。直接交可运行代码，不要只交原型、方案说明或伪代码。

## 4. 本模块最重要的个性要求
这个模块要把正比例和反比例放在同一个坐标系里直接对打。用户点击任一点时，直线和曲线的数值关系都要能看见，区别必须非常直观。UI 上要有强对比感，重点讲清“一个是直线过原点，一个是曲线变化”。不要只让学生看图，要让他通过点选和对照真正理解两者不是一类关系。

## 5. 这条知识点当前最需要解决的学生难点
反比例图像是曲线，不是直线；与正比例图像对比强化理解

## 6. 现有教学讲法
①在坐标纸上描点连线；②发现反比例图像是曲线，不是直线；③与正比例图像对比。

## 7. 建议优先做成的交互落点
对比型：同一坐标系同时显示正比例直线和反比例曲线，用户点击图上任意点显示对应数值。

## 8. 交付验收要求
你交付时必须让我能直接在 edunav.cn 项目里看到可运行模块。至少要包含：1）完整页面或模块代码；2）核心交互已实现，不是占位；3）关键文案、按钮、反馈和边界状态齐全；4）明确改了哪些文件；5）给出启动方式和访问路径；6）不能影响现有功能；7）我进入页面后能直接演示这个知识点的核心过程。

## 9. 给开发 AI 的直接执行口径
- 先结合网站现有目录、路由、组件、样式体系判断这个模块该接到哪里。
- 不要反复输出分析稿，直接进入实现。
- 先保证主交互闭环跑通，再补细节打磨。
- 如果三件套和本说明有冲突，以“更贴近这个知识点核心理解障碍、且能在 edunav.cn 中落地”为准。