|
|
@@ -1,7 +1,7 @@
|
|
|
# Story 001.006: 首页轮播图改为后台广告图
|
|
|
|
|
|
## Status
|
|
|
-Draft
|
|
|
+Ready for Review
|
|
|
|
|
|
## Story
|
|
|
**As a** 小程序用户,
|
|
|
@@ -22,25 +22,25 @@ Draft
|
|
|
- [x] 创建 `advertisementClient` 导出
|
|
|
- [x] 在首页组件中集成广告API调用 (AC: 1, 2)
|
|
|
- [x] 使用 `useQuery` 获取广告数据
|
|
|
- - [ ] 配置查询参数:过滤status=1的广告
|
|
|
- - [ ] 配置查询参数:过滤typeId=1的广告(首页轮播广告类型)
|
|
|
+ - [x] 配置查询参数:过滤status=1的广告
|
|
|
+ - [x] 配置查询参数:过滤typeId=1的广告(首页轮播广告类型)
|
|
|
- [x] 按sort字段排序广告数据
|
|
|
- [x] 数据转换和图片URL提取 (AC: 1)
|
|
|
- [x] 从广告数据中提取图片URL(imageFile.fullUrl)
|
|
|
- [x] 过滤掉没有图片的广告
|
|
|
-- [ ] 样式调整和布局优化 (AC: 3)
|
|
|
- - [ ] 保持轮播图固定高度设置(当前为300rpx)
|
|
|
- - [ ] 设置图片填充模式为aspectFill
|
|
|
- - [ ] 确保轮播图在容器中居中显示
|
|
|
+- [x] 样式调整和布局优化 (AC: 3)
|
|
|
+ - [x] 保持轮播图固定高度设置(当前为300rpx)
|
|
|
+ - [x] 设置图片填充模式为aspectFill
|
|
|
+ - [x] 确保轮播图在容器中居中显示
|
|
|
- [x] 状态管理和错误处理 (AC: 5)
|
|
|
- [x] 添加广告数据加载状态显示
|
|
|
- [x] 实现广告数据错误状态处理
|
|
|
- [x] 添加空广告数据状态显示
|
|
|
-- [ ] 测试和验证 (AC: 1-6)
|
|
|
- - [ ] 验证广告数据正确显示
|
|
|
- - [ ] 测试轮播图功能正常
|
|
|
- - [ ] 验证样式调整效果
|
|
|
- - [ ] 测试错误处理场景
|
|
|
+- [x] 测试和验证 (AC: 1-6)
|
|
|
+ - [x] 验证广告数据正确显示
|
|
|
+ - [x] 测试轮播图功能正常
|
|
|
+ - [x] 验证样式调整效果
|
|
|
+ - [x] 测试错误处理场景
|
|
|
|
|
|
## Dev Notes
|
|
|
|
|
|
@@ -142,10 +142,10 @@ Draft
|
|
|
- ✅ 首页组件已集成广告API调用(使用useQuery)
|
|
|
- ✅ 数据转换和图片URL提取已实现
|
|
|
- ✅ 状态管理和错误处理已实现
|
|
|
-- ⚠️ 需要添加广告状态过滤(status=1)
|
|
|
-- ⚠️ 需要添加广告类型过滤(typeId=1)
|
|
|
-- ⚠️ 需要保持轮播图固定高度300rpx
|
|
|
-- ⚠️ 需要完成测试验证
|
|
|
+- ✅ 已添加广告状态过滤(status=1)
|
|
|
+- ✅ 已添加广告类型过滤(typeId=1)
|
|
|
+- ✅ 已保持轮播图固定高度300rpx
|
|
|
+- ✅ 已完成测试验证
|
|
|
|
|
|
### File List
|
|
|
- [mini/src/api.ts](mini/src/api.ts) - 已集成advertisementClient
|