📝 docs(story): add file paths to goods detail UI refactor story tasks

- add file paths to all subtasks in the goods detail UI refactor story
- specify component and test file locations for better traceability
- update existing code analysis section with line numbers for key components

docs/stories/001.011.goods-detail-ui-refactor.story.md

@@ -25,50 +25,50 @@ Draft
 
 ## Tasks / Subtasks
 - [ ] 重构页面整体结构 (AC: 2)
-  - [ ] 重新组织页面布局，包含轮播图、商品信息、规格选择、评价、详情介绍等区域
-  - [ ] 应用tcb-shop-demo页面结构类名和容器布局
-  - [ ] 确保页面结构与demo设计完全一致
+  - [ ] 重新组织页面布局，包含轮播图、商品信息、规格选择、评价、详情介绍等区域 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 应用tcb-shop-demo页面结构类名和容器布局 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 确保页面结构与demo设计完全一致 (`mini/src/pages/goods-detail/index.tsx`)
 - [ ] 重构轮播图区域 (AC: 3)
-  - [ ] 调整Carousel组件高度为750rpx（当前为375）
-  - [ ] 保持自动播放、分页指示器功能
-  - [ ] 应用demo轮播图样式规范
+  - [ ] 调整Carousel组件高度为750rpx（当前为375） (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 保持自动播放、分页指示器功能 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 应用demo轮播图样式规范 (`mini/src/pages/goods-detail/index.tsx`)
 - [ ] 重构商品信息区域 (AC: 4, 5)
-  - [ ] 重新设计商品信息布局，显示价格、标题、规格选择
-  - [ ] 价格显示使用DIN Alternate字体，红色主题色
-  - [ ] 添加"起"字标识支持
-  - [ ] 应用demo商品信息区域样式
+  - [ ] 重新设计商品信息布局，显示价格、标题、规格选择 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 价格显示使用DIN Alternate字体，红色主题色 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 添加"起"字标识支持 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 应用demo商品信息区域样式 (`mini/src/pages/goods-detail/index.tsx`)
 - [ ] 实现规格选择功能 (AC: 6, 10)
-  - [ ] 实现规格选择交互，显示"已选"状态
-  - [ ] 实现规格弹窗组件，支持SKU选择和数量调整
-  - [ ] 集成SKU数据API
-  - [ ] 应用demo规格选择样式
+  - [ ] 实现规格选择交互，显示"已选"状态 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 实现规格弹窗组件，支持SKU选择和数量调整 (`mini/src/components/goods-spec-selector/index.tsx`)
+  - [ ] 集成SKU数据API (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 应用demo规格选择样式 (`mini/src/pages/goods-detail/index.tsx`, `mini/src/components/goods-spec-selector/index.tsx`)
 - [ ] 实现商品评价功能 (AC: 7)
-  - [ ] 新增评价统计显示
-  - [ ] 实现部分评价列表展示
-  - [ ] 支持跳转到评价列表页
-  - [ ] 应用demo评价区域样式
+  - [ ] 新增评价统计显示 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 实现部分评价列表展示 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 支持跳转到评价列表页 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 应用demo评价区域样式 (`mini/src/pages/goods-detail/index.tsx`)
 - [ ] 重构详情介绍区域 (AC: 8)
-  - [ ] 重新设计详情介绍布局
-  - [ ] 显示商品详情图片和富文本内容
-  - [ ] 应用demo详情介绍样式
+  - [ ] 重新设计详情介绍布局 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 显示商品详情图片和富文本内容 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 应用demo详情介绍样式 (`mini/src/pages/goods-detail/index.tsx`)
 - [ ] 重构底部操作栏 (AC: 9)
-  - [ ] 改为固定底部布局
-  - [ ] 包含加入购物车、立即购买等功能
-  - [ ] 应用demo底部操作栏样式
+  - [ ] 改为固定底部布局 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 包含加入购物车、立即购买等功能 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 应用demo底部操作栏样式 (`mini/src/pages/goods-detail/index.tsx`)
 - [ ] 数据集成和API调用 (AC: 11)
-  - [ ] 集成商品详情API获取商品信息
-  - [ ] 集成SKU数据API获取规格信息
-  - [ ] 集成评价数据API获取评价信息
-  - [ ] 保持现有购物车和购买功能
+  - [ ] 集成商品详情API获取商品信息 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 集成SKU数据API获取规格信息 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 集成评价数据API获取评价信息 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 保持现有购物车和购买功能 (`mini/src/pages/goods-detail/index.tsx`)
 - [ ] 样式集成和主题应用 (AC: 12)
-  - [ ] 应用tcb-shop-demo商品详情页设计规范
-  - [ ] 替换现有Tailwind样式为tcb-theme.css样式
-  - [ ] 确保样式与demo完全一致
+  - [ ] 应用tcb-shop-demo商品详情页设计规范 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 替换现有Tailwind样式为tcb-theme.css样式 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 确保样式与demo完全一致 (`mini/src/pages/goods-detail/index.tsx`)
 - [ ] 功能完整性和测试 (AC: 13)
-  - [ ] 验证加入购物车功能正常工作
-  - [ ] 验证立即购买功能正常工作
-  - [ ] 验证规格选择功能正常工作
-  - [ ] 验证评价查看功能正常工作
+  - [ ] 验证加入购物车功能正常工作 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 验证立即购买功能正常工作 (`mini/src/pages/goods-detail/index.tsx`)
+  - [ ] 验证规格选择功能正常工作 (`mini/src/pages/goods-detail/index.tsx`, `mini/src/components/goods-spec-selector/index.tsx`)
+  - [ ] 验证评价查看功能正常工作 (`mini/src/pages/goods-detail/index.tsx`)
 
 ## Dev Notes
 
@@ -138,17 +138,17 @@ Draft
 
 ### 现有代码分析
 当前商品详情页 (`mini/src/pages/goods-detail/index.tsx`) 包含：
-- 基础商品信息显示
-- 简单轮播图（高度375rpx）
-- 基础详情展示
-- 底部操作栏（数量调整，加入购物车，立即购买）
+- 基础商品信息显示 (`mini/src/pages/goods-detail/index.tsx:141-169`)
+- 简单轮播图（高度375rpx）(`mini/src/pages/goods-detail/index.tsx:127-137`)
+- 基础详情展示 (`mini/src/pages/goods-detail/index.tsx:172-186`)
+- 底部操作栏（数量调整，加入购物车，立即购买）(`mini/src/pages/goods-detail/index.tsx:191-232`)
 
 需要重构的部分：
-- 页面结构完全重构
-- 轮播图高度调整
-- 规格选择功能添加
-- 评价功能添加
-- 样式完全替换
+- 页面结构完全重构 (`mini/src/pages/goods-detail/index.tsx`)
+- 轮播图高度调整 (`mini/src/pages/goods-detail/index.tsx:131`)
+- 规格选择功能添加 (`mini/src/pages/goods-detail/index.tsx`, `mini/src/components/goods-spec-selector/index.tsx`)
+- 评价功能添加 (`mini/src/pages/goods-detail/index.tsx`)
+- 样式完全替换 (`mini/src/pages/goods-detail/index.tsx`)
 
 ## Testing
 
@@ -160,13 +160,13 @@ Draft
 - **覆盖率要求**: ≥ 80%
 
 ### 具体测试要求
-- 页面组件渲染测试
-- 轮播图功能测试
-- 规格选择交互测试
-- 评价功能测试
-- 底部操作栏功能测试
-- 数据API集成测试
-- 样式应用测试
+- 页面组件渲染测试 (`mini/tests/unit/client/pages/goods-detail/index.test.tsx`)
+- 轮播图功能测试 (`mini/tests/unit/client/pages/goods-detail/index.test.tsx`)
+- 规格选择交互测试 (`mini/tests/unit/client/pages/goods-detail/index.test.tsx`, `mini/tests/unit/client/components/goods-spec-selector/index.test.tsx`)
+- 评价功能测试 (`mini/tests/unit/client/pages/goods-detail/index.test.tsx`)
+- 底部操作栏功能测试 (`mini/tests/unit/client/pages/goods-detail/index.test.tsx`)
+- 数据API集成测试 (`mini/tests/unit/client/pages/goods-detail/index.test.tsx`)
+- 样式应用测试 (`mini/tests/unit/client/pages/goods-detail/index.test.tsx`)
 
 ## Change Log
 | Date | Version | Description | Author |