|
|
@@ -1,4 +1,4 @@
|
|
|
-# Story 1.8: 商品分类页基础组件开发
|
|
|
+# Story 001.008: 商品分类页基础组件开发
|
|
|
|
|
|
## Status
|
|
|
Draft
|
|
|
@@ -24,24 +24,28 @@ Draft
|
|
|
- [ ] 实现子组件管理(children tracking)
|
|
|
- [ ] 实现选中状态管理(setActive方法)
|
|
|
- [ ] 实现圆角效果管理(getTopRightRadiusItemIndexs, getBottomRightRadiusItemIndexs)
|
|
|
+ - [ ] **对照文件**: `/mnt/code/186-175-template-6/tcb-shop-demo/pages/goods/category/components/goods-category/components/c-sidebar/`
|
|
|
- [ ] 实现侧边栏项组件 CategorySidebarItem (AC: 2)
|
|
|
- [ ] 创建 `mini/src/components/category/CategorySidebarItem.tsx`
|
|
|
- [ ] 实现选中状态样式(左侧红色指示条,文字红色圆角背景)
|
|
|
- [ ] 支持禁用状态
|
|
|
- [ ] 实现圆角效果(topRightRadius, bottomRightRadius)
|
|
|
- [ ] 实现点击事件处理
|
|
|
+ - [ ] **对照文件**: `/mnt/code/186-175-template-6/tcb-shop-demo/pages/goods/category/components/goods-category/components/c-sidebar/c-sidebar-item/`
|
|
|
- [ ] 实现标签栏组件 CategoryTabbar (AC: 3)
|
|
|
- [ ] 创建 `mini/src/components/category/CategoryTabbar.tsx`
|
|
|
- [ ] 实现水平滚动容器
|
|
|
- [ ] 支持超过4项时显示更多按钮
|
|
|
- [ ] 实现选中状态(蓝色文字,底部边框)
|
|
|
- [ ] 实现点击事件处理
|
|
|
+ - [ ] **对照文件**: `/mnt/code/186-175-template-6/tcb-shop-demo/pages/goods/category/components/goods-category/components/c-tabbar/`
|
|
|
- [ ] 实现标签栏更多组件 CategoryTabbarMore (AC: 4)
|
|
|
- [ ] 创建 `mini/src/components/category/CategoryTabbarMore.tsx`
|
|
|
- [ ] 实现下拉面板
|
|
|
- [ ] 实现3列网格布局
|
|
|
- [ ] 实现展开/收起功能
|
|
|
- [ ] 实现选择事件处理
|
|
|
+ - [ ] **对照文件**: `/mnt/code/186-175-template-6/tcb-shop-demo/pages/goods/category/components/goods-category/components/c-tabbar/c-tabbar-more/`
|
|
|
- [ ] 应用tcb-shop-demo设计规范 (AC: 5)
|
|
|
- [ ] 应用颜色系统(主色#fa4126,选中色#0071ce)
|
|
|
- [ ] 应用字体大小和间距规范
|