Przeglądaj źródła

📝 docs(stories): 更新首页UI重构任务清单

- 重命名"集成TDesign MiniProgram组件"任务为"创建TDesign组件库"
- 调整任务顺序,将"创建首页组件结构"移至"实现商品列表组件"之后
- 新增"集成TDesign组件到首页"任务,明确组件使用要求
- 细化TDesign组件库创建任务的子项结构
yourname 1 miesiąc temu
rodzic
commit
1597a687ee
1 zmienionych plików z 15 dodań i 14 usunięć
  1. 15 14
      docs/stories/001.004.homepage-ui-refactor.md

+ 15 - 14
docs/stories/001.004.homepage-ui-refactor.md

@@ -16,13 +16,13 @@ Draft
 5. 保持与现有TabBarLayout的兼容性
 
 ## Tasks / Subtasks
-- [ ] 创建首页组件结构 (AC: 1)
-  - [ ] 创建 `mini/src/pages/index/index.tsx` 首页组件
-  - [ ] 参照 `tcb-shop-demo/pages/home/home.wxml` 实现页面结构
-  - [ ] 集成搜索栏组件(带搜索图标,禁用状态)
-  - [ ] 集成轮播图组件(自动播放,导航指示器)
-  - [ ] 集成商品列表组件
-  - [ ] 添加加载状态和下拉刷新功能
+- [ ] 创建TDesign组件库 (AC: 1, 5)
+  - [ ] 创建Taro React版本的TDesign组件
+    - [ ] 创建 `mini/src/components/tdesign/search/index.tsx` - Search组件 (对照: `mini/src/tdesign/search/`)
+    - [ ] 创建 `mini/src/components/tdesign/swiper/index.tsx` - Swiper组件 (对照: `mini/src/tdesign/swiper/`)
+    - [ ] 创建 `mini/src/components/tdesign/icon/index.tsx` - Icon组件 (对照: `mini/src/tdesign/icon/`)
+    - [ ] 创建 `mini/src/components/tdesign/toast/index.tsx` - Toast组件 (对照: `mini/src/tdesign/toast/`)
+    - [ ] 创建 `mini/src/components/tdesign/tabs/index.tsx` - Tabs组件 (对照: `mini/src/tdesign/tabs/`)
 - [ ] 实现商品卡片组件 (AC: 3)
   - [ ] 创建 `mini/src/components/goods-card/index.tsx` 商品卡片组件
   - [ ] 参照 `tcb-shop-demo/components/goods-card/index.wxml` 实现商品卡片布局
@@ -33,18 +33,19 @@ Draft
   - [ ] 参照 `tcb-shop-demo/components/goods-list/index.wxml` 实现列表结构
   - [ ] 实现瀑布流布局
   - [ ] 集成商品卡片组件
+- [ ] 创建首页组件结构 (AC: 1)
+  - [ ] 创建 `mini/src/pages/index/index.tsx` 首页组件
+  - [ ] 参照 `tcb-shop-demo/pages/home/home.wxml` 实现页面结构
+  - [ ] 集成搜索栏组件(带搜索图标,禁用状态)
+  - [ ] 集成轮播图组件(自动播放,导航指示器)
+  - [ ] 集成商品列表组件
+  - [ ] 添加加载状态和下拉刷新功能
 - [ ] 应用tcb-shop-demo样式系统 (AC: 2, 4)
   - [ ] 应用渐变背景色(#fff 到 #f5f5f5)
   - [ ] 应用圆角搜索框样式(32rpx)
   - [ ] 应用商品卡片间距和布局
   - [ ] 应用主色调(#fa550f, #fa4126)
-- [ ] 集成TDesign MiniProgram组件 (AC: 1, 5)
-  - [ ] 创建Taro React版本的TDesign组件
-    - [ ] 创建 `mini/src/components/tdesign/search/index.tsx` - Search组件 (对照: `mini/src/tdesign/search/`)
-    - [ ] 创建 `mini/src/components/tdesign/swiper/index.tsx` - Swiper组件 (对照: `mini/src/tdesign/swiper/`)
-    - [ ] 创建 `mini/src/components/tdesign/icon/index.tsx` - Icon组件 (对照: `mini/src/tdesign/icon/`)
-    - [ ] 创建 `mini/src/components/tdesign/toast/index.tsx` - Toast组件 (对照: `mini/src/tdesign/toast/`)
-    - [ ] 创建 `mini/src/components/tdesign/tabs/index.tsx` - Tabs组件 (对照: `mini/src/tdesign/tabs/`)
+- [ ] 集成TDesign组件到首页 (AC: 1, 5)
   - [ ] 使用TDesign search组件实现搜索栏
     - [ ] 在首页组件中导入自定义Search组件
     - [ ] 配置搜索栏属性:placeholder、disabled、shape等